有人知道幻灯片的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; 


  }

});