Javascript >> Images

How can I script an image slide show?

Visitor Ratings (0) :

Description

This script allows you to display a "Slide Show".

Code

Select All

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() 
Pic[0] = 'gallery/Fgallery912.jpg'
Pic[1] = 'gallery/Fgallery913.jpg'
Pic[2] = 'gallery/Fgallery914.jpg'
Pic[3] = 'gallery/Fgallery915.jpg'
Pic[4] = 'gallery/Fgallery916.jpg'

var t
var cnt = 0
var p = Pic.length

var imag1 = new Array()
for (i = 0; i < p; i++){
   imag1[i] = new Image()
   imag1[i].src = Pic[i]
}

function rotate(){
   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()      
   }

h =  imag1[cnt].height;
if (h>800){
var height1 = parseInt( imag1[cnt].height * 500 / imag1[cnt].width) ; 
}
else{
var height1 = h ; 
}
document.images.SlideShow.height = height1;
   document.images.SlideShow.src = imag1[cnt].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   cnt = cnt + 1
   if (cnt > (p-1)) cnt=0
   t = setTimeout('rotate()', slideShowSpeed)
}
</script>