
slickに関するテクニックの内容
今回はWeb制作でjQueryのプラグインを使用したスライダー(slick)の実装に関する内容です。slickは初期設定ではpauseOnFocus
とpauseOnHover
がtrueになっています。
なので、スライダーをホバーしたりフォーカスするとAutoplayが止まってしまいます。
これを回避する為にはオプションをfalseに設定しましょう。
slickのオプション記述内容
$(function() {
$('.list02').slick({
autoplay: true,
autoplaySpeed: 3000,
arrows: false,
fade: true,
pauseOnFocus: false,//フォーカスで一時停止
pauseOnHover: false,//マウスホバーで一時停止
pauseOnDotsHover: false//ドットナビをマウスホバーで一時停止
});
});
スポンサーリンク