jquery - jquery循环插件，幻灯片速度

Question

我有这个来自 JQuery Cycle 插件的 jQuery 幻灯片放映......

<script type="text/javascript">
$(window).on('load', function() {  
    var img_widths = [];
    var imgs = $(".pics").find("img");
    imgs.each(function() {
      img_widths.push($(this).width());
      $(this).attr("width", $(this).width());
    });
});
$('.pics').cycle('fade');
</script>

它进行了一些调整，但我想知道是否有人知道如何让它更快或更慢？调整速度，我在插件的网站上看了它的教程，但它不起作用。

Answer 1

这需要 1 秒才能淡出，每隔 8 秒...

$(".pics").cycle({
    fx:'fade',
    speed:1000,
    timeout:8000
});

Answer 2

将您的代码更新为下面的代码，您必须将选项传递给循环命令：

<script type="text/javascript">
$(window).on('load', function() {  
    var img_widths = [];
    var imgs = $(".pics").find("img");
    imgs.each(function() {
      img_widths.push($(this).width());
      $(this).attr("width", $(this).width());
    });
});
$('.pics').cycle({
                    fx:     'fade',
                    speed:   1000
                 });
</script>

您可以更新速度变量（它使用 ms），您可以使用其他几个选项，我喜欢使用这个 jquery 循环选项参考

Answer 3

$('.pics').cycle({
    fx : 'fade',
    speed: 1000
});

只需调整速度数字。