YUI Slideshow

YUI Slideshow is a YUI3 module that allows you to easily turn any HTML element’s children into a customizable, animated slideshow.

Download
Demo
Basic Usage
Intermediate Usage
Advanced Usage

Download

Use the following link to download the YUI Slideshow module:

Download YUI Slideshow

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.

All settings default.

transIn: Y.Transitions.staticTL
transOut: Y.Transitions.swipeOutLTR
easingIn: Y.Easing.easeNone
easingOut: Y.Easing.backBoth
duration: 1.0
interval: 5000

transIn: Y.Transitions.swipeInTTB
transOut: Y.Transitions.swipeOutTTB
easingIn: Y.Easing.backBoth
easingOut: Y.Easing.backBoth
duration: 1.0

Any element with an ID or a Y.Node instance can be turned into a next, previous, play, or pause button:

This is a link with the id “nextButton”.
This is a link with the id “prevButton”.
This is a link with the id “playButton”.
This is a link with the id “pauseButton”.

Download
Demo
Basic Usage
Intermediate Usage
Advanced Usage