javascript - 如何在应用程序中添加jquery循环插件效果

Question

我正在研究 jquery 周期。我的 slider 现在工作正常。它应该隐藏所有图像(仅显示一张图像)。并且图像下方会有点，用户单击点，它将转到所选的点图像。
这是 fiddle http://jsfiddle.net/KJHUp/

$('#s3').cycle({ 
    fx:    'fade', 
    speed:  2500 
 });

Answer 1

将此添加到HTML:

 <ul id="nav"></ul>

JS:

$('.pics').cycle({ 
fx:    'fade', 
speed:  200 ,
slides: '> img',
pager:   '#nav',
pagerAnchorBuilder: pagerFactory

});

function pagerFactory(idx, slide) {
    var s = idx > 2 ? ' style="display:none"' : '';
    console.log(idx);
    return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
};

检查jsFiddle

注意:我用 1,2,3 数字代替点，您可以将其更改为点以及 ul 的样式