I’m using the following script on a page I’m developing to rotate a handful of iimages only….I’m very new to javascript so I appreciate any help….my problem is, the images that are being rotated just fine with this neat fading effect into the other images, THAT is great, BUT the transition only is seen in Internet Explorer (as the disclaimer in the code comments clearly states will be the case (and therefore NOT in Firefox which IS the problem)…in Firefox they simple change instantly with no transition….I HAVE to have the same effect in both browsers for the person I’m developing for….she’s a stickler for browser consistency….
First and easiest way, is there a method of altering this free script from codelifter.com to accomplish this feat, or must I find a different one all-together? Any pointers in the right direction for a newbie to learn how to do this correctly?
Thanks so much in advance, here is the javascript:
[CODE]<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000
// Duration of crossfade (seconds)
var crossFadeDuration = 4
// 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’
Pic[3] = ‘images/image4.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>
Thanks again for any replies about this!
– Brett