|
$('#slideshow').cycle({
timeout: 3000,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>';
},
// override Cycle's default updateActivePagerLink function
updateActivePagerLink: function(pager, activeIndex) {
$(pager).find('li:eq('+activeIndex+')').addClass('activeLI').siblings().removeClass('activeLI');
}
});
#nav li.activeLI { background: #ff8 }