Question

我正在研究jquery cycle.My滑块现在正常工作。它应该隐藏所有图像（仅显示一个图像）。图像下方的点会有用户点击点，它将转到选定的点图像。
这是小提琴 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的样式

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

1 个答案: