Hallo, ich weiss nicht wass ich Falsch mache.
I versuche eine Dia-Show auf meine Seite zu stellen. Das geht gut und alle Bilder (1-5) kann ich sehen. Aber jetzt kommt das Problem. Wann ich noch eine Dia-Show auf dieselbe Seite dazu stelle, mit Bilder (6-10), dann passiert das folgendes:
Auf Dia-Show-1 sehe ich Bilder 6-10 und auf Dia-Show sehe ich nur eine Bild und zwar nr.6.
Wer kann mir helfen dieses Problem zu lösen, so das auf Dia-Show-1 Bilder 1-5 zu sehen sind und auf Dia-Show-2 Bilder 6-10.
Ich nutze folgendes HTML und Script:
<html>
<head>
<script language="JavaScript1.2" src="slide2.js"></script>
<script language="JavaScript1.2" src="diasl2.js"></script>
</head>
<body onload="runSlideShow()" onload="runSLShow()">
<div style="position:absolute;left:282;top:322;visibility:visible">
<table border="0" bgcolor="#8080FF" cellspacing="0" cellpadding="7">
<tr>
<td id="VU" height=82 width=142>
<img src="1.jpg" name='SlideShow' alt="" width=140 height=80></td>
</tr>
</table></div>
<div style="position:absolute;left:382;top:432;visibility:visible">
<table border="0" bgcolor="#8080FF" cellspacing="0" cellpadding="7">
<tr>
<td id="VU" height=82 width=142>
<img src="6.jpg" name='SLShow' alt="" width=140 height=80></td>
</tr>
</table></div>
</body>
</html>
SCRIPT: “slide2.js”
var slideShowSpeed = 3000;
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
SCRIPT "diasl2.js" ist fast selbe wie SCRIPT “slide2.js” nur ist das –SlideShow- überal ersetzt mit –SLShow- und die Bilder sind auch geändert:
Pic[0] = '6.jpg'
Pic[1] = '7.jpg'
Pic[2] = '8.jpg'
Pic[3] = '9.jpg'
Pic[4] = '10.jpg'
Gruss
Jarin
I versuche eine Dia-Show auf meine Seite zu stellen. Das geht gut und alle Bilder (1-5) kann ich sehen. Aber jetzt kommt das Problem. Wann ich noch eine Dia-Show auf dieselbe Seite dazu stelle, mit Bilder (6-10), dann passiert das folgendes:
Auf Dia-Show-1 sehe ich Bilder 6-10 und auf Dia-Show sehe ich nur eine Bild und zwar nr.6.
Wer kann mir helfen dieses Problem zu lösen, so das auf Dia-Show-1 Bilder 1-5 zu sehen sind und auf Dia-Show-2 Bilder 6-10.
Ich nutze folgendes HTML und Script:
<html>
<head>
<script language="JavaScript1.2" src="slide2.js"></script>
<script language="JavaScript1.2" src="diasl2.js"></script>
</head>
<body onload="runSlideShow()" onload="runSLShow()">
<div style="position:absolute;left:282;top:322;visibility:visible">
<table border="0" bgcolor="#8080FF" cellspacing="0" cellpadding="7">
<tr>
<td id="VU" height=82 width=142>
<img src="1.jpg" name='SlideShow' alt="" width=140 height=80></td>
</tr>
</table></div>
<div style="position:absolute;left:382;top:432;visibility:visible">
<table border="0" bgcolor="#8080FF" cellspacing="0" cellpadding="7">
<tr>
<td id="VU" height=82 width=142>
<img src="6.jpg" name='SLShow' alt="" width=140 height=80></td>
</tr>
</table></div>
</body>
</html>
SCRIPT: “slide2.js”
var slideShowSpeed = 3000;
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
SCRIPT "diasl2.js" ist fast selbe wie SCRIPT “slide2.js” nur ist das –SlideShow- überal ersetzt mit –SLShow- und die Bilder sind auch geändert:
Pic[0] = '6.jpg'
Pic[1] = '7.jpg'
Pic[2] = '8.jpg'
Pic[3] = '9.jpg'
Pic[4] = '10.jpg'
Gruss
Jarin
Kommentar