【发布时间】:2011-05-17 05:13:48
【问题描述】:
我想为动态生成的不同幻灯片设置不同的延迟时间。 你知道一些 jquery 插件或任何其他代码吗?
【问题讨论】:
标签: jquery jquery-plugins slideshow
我想为动态生成的不同幻灯片设置不同的延迟时间。 你知道一些 jquery 插件或任何其他代码吗?
【问题讨论】:
标签: jquery jquery-plugins slideshow
如果你有多个幻灯片使用循环插件,那么你可以像这样初始化函数:
$(document).ready(function() {
$('#slideshow1').cycle({fx: 'fade',delay: -2000});
$('#slideshow2').cycle({fx: 'fade',delay: -1000 });
});
【讨论】:
我找到了 jquery.cycle
并像这样自定义它
我为我想为它们设置的时间命名了图像的名称,例如: 3000.gif 15000.gif
然后在插件之前的事件上设置 options.timeout。
$('.slideshow').cycle({
fx: 'fade',
timeout : '3000',
before: function(currSlideElement, nextSlideElement, options) {
var nextFileName = arrSrc[(arrSrc.length-1)].split('.')[0];
options.timeout = nextFileName;
}
});
【讨论】: