Slide Show - Carousel

One image at a time, slide show style. Also illustrates how to indicate which slide we are currently viewing in a separate status area and how to perform an action when the animation completes.

The additional parameter for handling animation completion:

			animationCompleteHandler: animComplete

And the code to handle showing status when navigating and when animation completes:

// this == carousel
var loadNextItems = function(type, args) {	

	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load(this, start, last);
	}
	var status = "Showing " + start + " of " + this.getProperty("size");
	YAHOO.util.Dom.get("indicator").innerHTML = status;
};
// this == carousel
var animComplete = function(type, args) {
	var direction = args[0]; // string either: 'next' or 'prev'
	
	var status = "Showing " + this.getProperty("firstVisible") + " of " + this.getProperty("size");
	YAHOO.util.Dom.get("indicator").innerHTML = status + " (done)";
};

View the source or documentation