PictureArtist
New member
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 die Ablaufzeit für alle Bilder auf ca. 20s zu setzten?
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
http://www.pictureartist.de
##### DIA-SHOW.HTML #####
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Pic = new Array();
Pic = '0109.jpg'
Pic = '0110.jpg'
Pic = '0098.jpg'
Pic = '0099.jpg'
ie = (navigator.appName == "Microsoft Internet Explorer")
w95 = (navigator.appVersion.indexOf("95") != -1)
if (w95 > 0) ie = 0
var Speed = 8000;
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 = new Image();
preLoad.src = Pic;
}
function runSlideShow() {
if (ie) document.images.SlideShow.style.filter="blendTrans(3)";
if (ie) document.images.SlideShow.filters.blendTrans.Apply();
document.images.SlideShow.src = preLoad.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 = new Image();
preLoad.src = Pic;
d = 0;
}
}
t = setTimeout('runSlideShow()', Speed);
}
// End -->
</script>
<link rel=stylesheet type="text/css" href="../design.css">
</head>
<body bgcolor="#FFFFFF" onload="runSlideShow()">
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%">
<tr>
<td width="33%"> </td>
<td width="33%"> </td>
<td width="34%"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="33%">
<center>
<table border="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0">
<tr>
<td>
<img src="../images/loadimage.gif" name="SlideShow"></td>
</tr>
</table>
</center>
</td>
<td width="34%"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="33%"> </td>
<td width="34%"> </td>
</tr>
</table>
</body>
</html>
##### EOF #####
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 die Ablaufzeit für alle Bilder auf ca. 20s zu setzten?
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
http://www.pictureartist.de
##### DIA-SHOW.HTML #####
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Pic = new Array();
Pic = '0109.jpg'
Pic = '0110.jpg'
Pic = '0098.jpg'
Pic = '0099.jpg'
ie = (navigator.appName == "Microsoft Internet Explorer")
w95 = (navigator.appVersion.indexOf("95") != -1)
if (w95 > 0) ie = 0
var Speed = 8000;
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 = new Image();
preLoad.src = Pic;
}
function runSlideShow() {
if (ie) document.images.SlideShow.style.filter="blendTrans(3)";
if (ie) document.images.SlideShow.filters.blendTrans.Apply();
document.images.SlideShow.src = preLoad.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 = new Image();
preLoad.src = Pic;
d = 0;
}
}
t = setTimeout('runSlideShow()', Speed);
}
// End -->
</script>
<link rel=stylesheet type="text/css" href="../design.css">
</head>
<body bgcolor="#FFFFFF" onload="runSlideShow()">
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%">
<tr>
<td width="33%"> </td>
<td width="33%"> </td>
<td width="34%"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="33%">
<center>
<table border="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0">
<tr>
<td>
<img src="../images/loadimage.gif" name="SlideShow"></td>
</tr>
</table>
</center>
</td>
<td width="34%"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="33%"> </td>
<td width="34%"> </td>
</tr>
</table>
</body>
</html>
##### EOF #####