Skip Navigation Services Work Apps Blog Contact

YUI Slideshow

YUI Slideshow lets you create customizable, animated slideshows from images or any other HTML.

Use the built-in transitions or create your own!

Download
Demo
Basic Usage
Intermediate Usage
Advanced Usage

Download

YUI Slideshow is now hosted on the Yahoo! CDN as part of the YUI Gallery, so there is no need to download the script. If you’d like, you can grab the source and fork the project at GitHub.

Demo:

Each example is just a DIV element containing 3 IMG elements. The DIVs’ width and height are set, with the overflow property set to hidden. The slides should always be positioned absolutely within the slideshows.


All settings default.

CavePlanetSunset

Any Node, NodeList, or selector string can be turned into a previous, next, pause, or play button:

CavePlanetSunset

Previous Slide
Next Slide
Pause Slideshow
Play Slideshow


Download
Demo
Basic Usage
Intermediate Usage
Advanced Usage