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

これは、8 秒間隔でフェードするのに 1 秒かかります...

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

Answer 2

コードを次のように更新します。cycle コマンドにオプションを渡す必要があります。

<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
});

速度番号を調整するだけです。