Tweet
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
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>
Kommentar