有谁知道幻灯片放映的jquery插件可以为每张幻灯片设置不同的延迟时间吗？

Question

我想为不同的幻灯片设置不同的延迟时间，这些幻灯片将动态生成。 你知道一些 jquery 插件或任何其他代码吗？

Answer 1

如果您使用循环插件有多个幻灯片，那么您可以像这样初始化该函数：

$(document).ready(function() {
   $('#slideshow1').cycle({fx: 'fade',delay:   -2000});
   $('#slideshow2').cycle({fx: 'fade',delay:   -1000 });
});

Answer 2

我找到了 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; 


  }

});