jQuery的週期插件，幻燈片播放速度

-1

我從JQuery的週期插件這個jQuery幻燈片....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>

它已經調整了一點，但我想知道是否有人知道如何使它走快或比較慢？調整速度，我在插頭的網站上看了一個教程，但沒有奏效。

來源

2012-04-18 user979331

您是否閱讀過選項文檔（http://jquery.malsup.com/cycle/options.html）？ – j08691 2012-04-18 16:54:46

您可以通過閱讀Cycle網站上的文檔來回答您的問題。 – Sparky 2012-04-18 16:59:33

這需要1秒淡出，以8秒的間隔......

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

來源

2012-04-18 16:54:30 Archer

超時是我一直在尋找感謝阿徹 – user979331 2012-04-18 17:09:28

更新你的代碼到一個波紋管，你必須通過選項循環命令：

<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

來源

2012-04-18 16:55:29

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

只需調整速度數字即可。

來源

2012-04-18 16:55:30 idrumgood

jQuery的週期插件，幻燈片播放速度

回答

相關問題