Skip Navigation Services Work Apps Blog Contact

YUI Slideshow: Basic Usage

Step 1: Include the YUI3 seed file:

(as of this writing, the latest release is 3.3.0)

<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>

Step 2: Create a YUI instance and add the “gallery-yui-slideshow” module to your use() call:

<script>
YUI({

	gallery: 'gallery-2011.04.20-13-04' // Last Gallery Build of this module.

}).use('gallery-yui-slideshow', function(Y) {

	// Your code here.

});
</script>

Step 3: Pass a Node or selector string to the Y.Slideshow() constructor:

	var slideshow = new Y.Slideshow({ srcNode: '#someID' });

Example:


CavePlanetSunset

Download
Demo
Basic Usage
Intermediate Usage
Advanced Usage