Slideshow

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Slideshow

    Hallo,
    Wer kann mir helfen?

    Folgendes Script nutze ich für eine DIA-Show.
    Aber leider gibt es da ein kleines Timing-Problem, denn so wie das Script jetzt aufgebaut ist hat es genau 8 Sekunden Zeit um das nächste Bild vorzuladen. Nur leider reicht die Zeit bei einigen Modem-Nutzern nicht aus um das Bild vollständig zu laden. Was kann ich nun tun ohne "var Speed" zur ändern?
    Ich dachte da an eine Routine, welche prüft ob das Bild fertig vorgeladen, bevor es angezeigt wird.
    Es sollen aber auch nicht erst alle Bilder vorgeladen werden, da ich "DIA-Shows" mit ca. 50 Bildern zeigen möchte und diese erst komplett vorzuladen ist auch nicht so toll.
    Ich habe auch schon verschiedene Java-Applets zu diesem Thema gesehen, nur leider setzten die alle die gleiche Bildgröße voraus.
    Für eine Lösung dieses Problem, wäre ich sehr dankbar.

    Gruß

    Jirka


    Code:
    <html>
    <head>
    <script language="javascript" type="text/javascript">
    <!-- Begin
    var Pic = new Array();
    Pic[0] = '0118.jpg' 
    Pic[1] = '0108.jpg' 
    Pic[2] = '0104.jpg' 
    ie = (navigator.appName == "Microsoft Internet Explorer")
    w95 = (navigator.appVersion.indexOf("95") != -1)
    if (w95 > 0) ie = 0
    var Speed = 14000;
    var t;
    var i = 0;
    var j = 0;
    var d = 1;
    var p = Pic.length;
    var preLoad = new Array();
    for (i = 0; i < 4; i++) {
    preLoad[i] = new Image();
    preLoad[i].src = Pic[i];
    }
    function runSlideShow() {
    if (ie) document.images.SlideShow.style.filter="blendTrans(3)";
    if (ie) document.images.SlideShow.filters.blendTrans.Apply();
    document.images.SlideShow.src = preLoad[j].src;
    if (ie) document.images.SlideShow.filters.blendTrans.Play();
    j = j + 1;
    if (j > (p - 1)) j = 0;
    if (d) {
    for (i = 4; i < p; i++) {
    preLoad[i] = new Image();
    preLoad[i].src = Pic[i];
    d = 0;
    }
    }
    t = setTimeout('runSlideShow()', Speed);
    }
    //  End -->
      </script>
    </head>
    <body bgcolor="#FFFFFF" onload="runSlideShow()">
    	<img src="../images/loadimage.gif" name="SlideShow">
    </body>
    </html>

  • #2
    Vielleicht lässt sich hiermit...

    http://selfhtml.teamone.de/javascrip...s.htm#complete

    der Bildwechsel verzögern, bis das Bild geladen ist.

    Kommentar

    Lädt...
    X