Full version: jsB@nk » Image » Slideshow » Fading Slide Show
URL: https://www.javascriptbank.com/fading-slide-show.html
Displays images continuously in a slideshow presentation format, with a fade effect on image transitions. (Fade in Internet Explorer 4+ only).
Full version: jsB@nk » Image » Slideshow » Fading Slide Show
URL: https://www.javascriptbank.com/fading-slide-show.html
<script>/* Original: CodeLifter.com ([email protected])Web Site: http://www.codelifter.com */// set the following variables// Set slideShowSpeed (milliseconds)var slideShowSpeed = 5000// Duration of crossfade (seconds)var crossFadeDuration = 3// Specify the image filesvar Pic = new Array() // don't touch this// to add more images, just continue// the pattern, adding to the array belowPic[0] = 'logojs.gif'Pic[1] = 'photo3.jpg'Pic[2] = 'logojs.gif'Pic[3] = 'photo5.jpg'Pic[4] = 'photo2.jpg'// do not edit anything below this linevar tvar j = 0var p = Pic.lengthvar 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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onLoad="runSlideShow()"><img id="VU" src="logojs.gif" name='SlideShow'></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->