[Beschreibung]
Eine Slideshow auf DHTML- Basis, bei IE erfolgen die Bildübergänge mit einem Fadingeffekt. Der Fading- Effekt kommt nur bei IE- Browsern zur Geltung.
[Kompatibilität]
[Code]
<script language="JavaScript">
<!-- Begin // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000; // Duration of crossfade (seconds) var crossFadeDuration = 3; // Specify the image files var Pic = new Array(); // to add more images, just continue // the pattern, adding to the array below
Pic[0] = '1.jpg' Pic[1] = '2.jpg' Pic[2] = '3.jpg' Pic[3] = '4.jpg' Pic[4] = '5.jpg'
// do not edit anything below this line 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); } // End --> </script>
onLoad="runSlideShow()"
<table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU" height=150 width=150> <img src="1.jpg" name='SlideShow' width=150 height=150> </td> </tr> </table>
Codelifter
kopieren Sie bitte den Code