slick.jsでサムネイル表示させたうえでスライドさせず固定させる

スライダー系のプラグインとして最近よく使っているslick。
実装も簡単だし、オプションで出来ることも行き届いているので
大変ありがたいのですが。。

サムネイルも何故かスライドしちゃうんですよね汗。。

↓こんな感じで。。

autplayを使わなければ大丈夫みたいなんですが、
やはり自動で動いてもらいたいところ。。

上記の解消方法としては

slick.jsでサムネイル付きスライダーを作成する | takblog

何度か取り上げているslick.jsの使い方ですが、今回はサムネイル付きスライダーを作成します。サムネイルがスライダーのものや、サムネイルを固定した（サムネイルをスラ…

takblog.site

「Slick.js」でサムネイルはスライドしないで固定させる実践的な使い方

案件でスライドを実装しないといけなくなり、Slider Proで対応しようとしたのですが、 「1枚の画像のとき…

webhoric.com

など色々あったのですが、
CSSでスパッといかないかなぁと色々試してみたら。。

出来ました。

多分、上記をCSSに追記するだけで上手くいくと思います。
slick_thumb は、サムネイル部分のクラスなので任意です。

↓こんな感じで動くと思います

どなたかの参考になれば幸甚です。

それでは。