‹‹ cycle homejQuery Cycle Plugin - Pager Demo

Markup

<div id="slideshow" class="pics">
    <img src="images/beach1.jpg" width="200" height="200" alt="Beach" />
    <img src="images/beach2.jpg" width="200" height="200" alt="Boys" />
    <img src="images/beach3.jpg" width="200" height="200" alt="Danny" />
</div>

Script

$('#slideshow').before('<div id="nav">').cycle({
    fx:     'scrollLeft',
    pager:  '#nav',
    pagerAnchorBuilder: function(i, slide) {
    	// set pager text to the slide's "alt" attribute
    	return '<a href="#"<'+slide.alt+'>/alt;'; 
    }
});