添付した、画像のように サムネイル付きスライダーを作成したいです。 また、大きく画像が表示されるとき

添付した、画像のように
サムネイル付きスライダーを作成したいです。
また、大きく画像が表示されるときは、1・2・3それぞれのキャプションを表示させたいです。
サムネイルの時は表示させず大きい時のみキャプションが表示されるようにしたいです。（右下）
サムネイルとメインのキャプションを連動させる方法などがよくわかりませんでした…

スライダーはslickを使わせていただいております。
ご教示お願いいたします。

No.1 回答者： fujillin 回答日時： 2020/05/15 12:21

こんにちは

＞slickを使わせていただいております。
slickはよく知りませんが、ドキュメントを見てみると、サムネイルにするには、二つのスライダーを同期させるような方法で実現しているようです。
slickのサイトのSlider Syncingに例が出ています。
https://kenwheeler.github.io/slick/

＞サムネイルの時は表示させず大きい時のみキャプションが表示されるようにしたい
上記の場合は本体とサムネイルとは基本的に別々のHTMLになるので、本体にはキャプションを入れておき、サムネイルは画像のみとすることで実現できるものと思います。


他のオプションや方法があるのかも知れませんが、ひとまず、上記でも実現可能と思います。