Question

I am currently looking for a JavaScript (jQuery) SlideShow Script which allows me to simply have the images fade from one to another, and then keep repeating the process. Nothing too serious, but there is one thing I need specifically for the script. I use .PNG images with Transparency in them, and I have noticed when I use other scripts, they tend to stack upon each other, which shows quite the collboration.

Thank you very much SO,
I appreciate the help!
Aaron

Answer 1

Use the jQuery Cycle Lite plugin, maybe with sync disabled.

Also, force images inside the #slideshow element to be hidden with opacity:0 which will be overridden by inline CSS the plugin sets. However, that said it looks like the plugin sets the opacity to 0 by default for the all images except the current.

CSS:

#slideshow img { opacity:0 }

JS:

$('#slideshow').cycle({ sync:0 });