【slick】サムネイルと連動するカルーセルスライダー

slickを使用した、サムネイルとメインが連動して動くカルーセルスライダーを作ってみました。

躓いた点としては、

slickの性質(?)上、サムネイルが横にスライドしてしまう(動いてしまう)点です。

こちらのブログを参考にしてみたりしたのですが、

今回はPC・SPで動きを切り分けたかったので、JSで別途クラスを付与する+CSSで制御する方法にしました。

See the Pen 【slick】サムネイルと連動するカルーセルスライダー by あお@サイトつくる名古屋人 (@coder_ao) on CodePen.

連動スライダーを構築する際の参考にしていただければ嬉しいです☺