More than 5 years have passed since last update.

[JavaScript] slickで作ったカルーセルの自動再生がユーザー操作によって止まるのを防ぐ

Last updated at 2017-12-29Posted at 2017-12-29

ここ3年くらいずっと使っているカルーセルの定番ライブラリ。
ホバー中にautoplayが止まってしまうという現象があり調べているとどうやら仕様だった。

"slick autoplay not work" で検索したところ出てきたstackoverflow
https://github.com/kenwheeler/slick/issues/1021

pauseOnHover というオプションがあったのでこれで解決

他に、 pauseOnFocus, pauseOnDotsHover というオプションもあるので合わせて
ユーザー操作によって自動再生が止まるのは防げそうだ。

$('#target').slick({
  autoplay: true,
  pauseOnFocus: false,
  pauseOnHover: false,
  pauseOnDotsHover: false
});