【簡単】slick.jsでもニュースティッカーっぽくキメる

ホームページ上にスライドショーを実装するとき、いつもお世話になっているslick.jsなんですが、ニュースティッカー風にしようと思うと、そんなオプションはないようで焦った。

他のプラグインを使うしかないのか…と思ったそのとき、お手軽にそれっぽくできる方法を思いついてしまった。

ソースは以下

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

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

といった設定でそれっぽくなるのであった。

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

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

現場からは以上です。

シェアする

フォローする