【簡単】slick.jsで無限ループスライダー

ホームページ上にスライドショーを実装するとき、いつもお世話になっているslick.jsで、画像がずっと流れ続ける無限ループスライダーを実装。




実装

ソースは以下

要するに、「常に均等なスピードでゆっくり動いていれば」それっぽい感じになるので、

・待ち時間をなくす
・スピードを遅くする
・イージングを’linear’にする

といった設定をしてやればOK。

ちょっとガタつくかなーと思ったら、

とかで一気に動かしてやると、いい感じになる。

現場からは以上です。