1
A
回答
2
而不是使用timeout
属性,您应该使用timeoutFn
并定义一个函数返回等待下一张幻灯片的毫秒数。
例如,如果您只有3张幻灯片,并且希望使用3次超时(1000,2000,3000),那么我假设在最后一次超时后,您要再次使用第一次超时(每张图片都有时间停留在屏幕上)。因此,在这种情况下,代码将仅仅是:
$('#s1').cycle({
timeoutFn: function (curr, next, opts, isForward) {
return (opts.currSlide + 1) * 1000;
}
});
在另一方面,如果你想设置3页以上的幻灯片,那么你可以使用自己的属性(如数组和计数器),并利用它们在函数内部计算出相应的超时:
$('#s1').cycle({
timeoutFn: function(currElement, nextElement, opts, isForward) {
opts.myTimeoutCount = (opts.myTimeoutCount + 1) % opts.myTimeouts.length;
return opts.myTimeouts[opts.myTimeoutCount];
},
myTimeouts: [1000, 2000, 3000],
myTimeoutCount: 0
});
,最后,如果不想显示最后的超时后的任何其他幻灯片,那么你只需要使用autostop
& autostopCount
性质:
$('#s1').cycle({
autostop: true,
autostopCount: 3,
timeoutFn: function (curr, next, opts, isForward) {
return (opts.currSlide + 1) * 1000;
}
});
相关问题
- 1. jQuery循环插件循环
- 2. jquery循环插件
- 3. 循环jQuery插件
- 4. jquery循环插件
- 5. jquery循环插件:没有循环
- 6. JQuery循环插件 - 按钮
- 7. 设置jquery循环插件
- 8. jQuery循环插件帮助
- 9. jquery循环插件闪烁
- 10. 停止jquery循环插件
- 11. jQuery循环插件问题
- 12. jQuery循环插件 - 停止
- 13. 通过jQuery插件选项循环
- 14. JQuery循环插件不工作
- 15. HTML CSS问题与jquery循环插件
- 16. jQuery循环插件停止工作
- 17. Angularjs指令jQuery循环插件
- 18. JQuery插件中的循环函数
- 19. 在jquery循环插件顶部的div
- 20. 无限循环 - jQuery插件(地址)
- 21. jQuery插件 - 用于设置的循环
- 22. 带AJAX功能的jQuery循环插件
- 23. jquery循环插件坏显示器
- 24. jQuery:循环插件和100%高度
- 25. jQuery一般问题(循环插件)
- 26. jquery循环插件不翻译成wordpress
- 27. jquery循环插件响应不好
- 28. jQuery循环插件寻呼机错误
- 29. 搜索Mootools的jquery循环插件
- 30. Css破坏jquery循环插件
Nick Craver在这里有一个很好的相关问题的答案:http://stackoverflow.com/a/3075104/538962 – mg1075 2012-07-14 19:33:25