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 ），您还可以使用其他几个选项，我想使用this jquery cycle option reference

Answer 3

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

只需调整速度编号。

Jquery循环插件，幻灯片速度

3 个答案: