Hi Everyone,
Can somebody help me with the following image transition/rotation code?
The code transitions and rotates a single image no problem but I need to
transition and rotate more than one image.
[B]Now:
Image 1 – Image 1B, Image 1C, Image 1D, Etc…
[B]Proposed:
Image 1 – Image 1B, Image 1C, Image 1D, Etc…
Image 2 – Image 2B, Image 2C, Image 2D, Etc…
Here is the code:
<SCRIPT LANGUAGE=”JavaScript”>
<!–//–><![CDATA[//><!–
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 9000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don’t touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = ‘/images/image1.jpg’
Pic[1] = ‘/images/image2.jpg’
Pic[2] = ‘/images/image3.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)
}
//–><!]]>
</SCRIPT>
Cheers,
Tom