2016/05/31

[jQuery][slick]slickプラグインのオートプレイ時のスピードについて

昨日、slickプラグインのオートプレイ方法を簡単にまとめました。

今日は、オートローテーションを設定した時に何秒間隔てオートローテするかの設定について

<link rel="stylesheet" type="text/css" href="./slick.css"/>
<link rel="stylesheet" type="text/css" href="./slick-theme.css"/>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./slick.min.js"></script>
<div class="_slick">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>
<script>
jQuery(function($){
  $('._slick').slick({
    autoplay:true,
    autoplaySpeed:5000
  });
});
</script>
といたって簡単。

autoplaySpeedキーにミリ秒数を設定すればおk

上の場合は5秒間隔でスライドします。

もちろんautoplayキーはtrueに設定する必要があります。

今回も楽チンでした。

0 コメント:

コメントを投稿