【jQuery】slickでhoverするとAutoplayが止まる現象の対策のデモページ

※デベロッパーツール等でソースコードをご確認ください(Please check using Developer tools)

このページの内容が難しいと感じた方はこちら

1. ホバーするとスライダーが止まる

2. ホバーしてもスライダーが止まらない

スポンサーリンク

Web制作会社LIGが運営するWebデザインスクール

JavaScript

$(function() {
  $('.list01').slick({
    autoplay: true,
    autoplaySpeed: 3000,
    arrows: false,
    fade: true,
  });
  $('.list02').slick({
    autoplay: true,
    autoplaySpeed: 3000,
    arrows: false,
    fade: true,
    pauseOnFocus: false,//フォーカスで一時停止
    pauseOnHover: false,//マウスホバーで一時停止
    pauseOnDotsHover: false//ドットナビをマウスホバーで一時停止
  });
});