Javascript image rotator with fader

Amanda Watson
Amanda Watson used Ask the Experts™
on
Hi There,
I added an image rotator to my site here:

http://amandawatson.com.au/byronbaycoffee/index.html

I used the script here:
http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=1393

Even though on the demo it doesn't do a fader, I thought the crossfade could cause a fading affect.

Can someone show me a script that uses javascript and rotates images with a fade affect?

Or Can I edit the code I already have?

Thanks
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Systems architect
Top Expert 2006
Commented:
The bland effect works only in IE and you have text instead number for blend duration.
See this:

   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()      
   }


I have checked it with this settings:
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 12000

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

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial