> $('#headline-rotation').before('<ul id="nav">').cycle({ > fx:'fade', > speed:'slow', > timeout: 4000, > pager:'#nav', > > // callback fn that creates a thumbnail to use as pager anchor > pagerAnchorBuilder: function(idx, slide) { > slide = $('#headline-rotation .headline-item > img:eq('idx')').src > return '<li><a href="#"><img src="' + slide.src + '" > width="100" > height="50" /></a></li>'; > } > });
Try this: pagerAnchorBuilder: function(idx, slide) { var src = $('img',slide).attr('src'); return '<li><a href="#"><img src="'+src+'" width="100" height="50" /></a></li>'; }