CODEWITHSUNDEEP
javascriptjquerycsstransparencyslideshow
Aaron Brewer
Aaron Brewer

Reputation: 3667

Simple jQuery SlideShow Script?

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

Upvotes: 2

Views: 728

Answers (2)

DaveAlger
DaveAlger

Reputation: 2526

I wanted to post a link to the simplest slideshow in case others are searching for an easy way to rotate through a list of images in a div and don't need any other functionality using only jQuery...

http://jsfiddle.net/DaveAlger/eNxuJ/1/

enjoy!

Upvotes: 1

Marcel
Marcel

Reputation: 28087

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

Upvotes: 2

Related Questions