»
EnglishFrenchVietnamese

Print - Fading Slide Show - JavaScriptBank.com

Full version: jsB@nk » Image » Slideshow » Fading Slide Show
URL: http://www.javascriptbank.com/fading-slide-show.html

Fading Slide Show © JavaScriptBank.comDisplays 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: http://www.javascriptbank.com/fading-slide-show.html



JavaScript
<script>/* Original:  CodeLifter.com (support@codelifter.com)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-->


HTML
<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-->