Skip Navigation Services Work Apps Blog Contact

YUI Slideshow (Version 1.0): Basic Usage

You are viewing the guide for an outdated version of this module. For the latest version, see YUI Slideshow

Step 1: Include the YUI3 script file:

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

<script src="" type="text/javascript"></script>

Step 2: Create a YUI instance and use the config object to add the YUI Slideshow module:

<script type="text/javascript">
	modules: {
		'gallery-yui-slideshow': {
			fullpath: '',
			requires: ['anim'],
			optional: [],
			supersedes: []
}).use('gallery-yui-slideshow', function(Y) {

	// Your code here.


Step 3: Pass an ID or HTML element to the Y.Slideshow() constructor:

You can also pass an array of IDs or HTML elements. IDs can be in selector format (eg. ‘#someID’) or simply an ID string.

	var oSlideshow = new Y.Slideshow('someID');



Basic Usage
Intermediate Usage
Advanced Usage