サムネイル付きのスライダーを実装する必要があります。
おすすめのライブラリや実装のやり方などがあれば教えていただきたいです。
(js・jQuery系のライブラリだとありがたいです)
*依頼内容修正しました
要件
不動産サイトのHOMESの物件画像のような大画像スライダー+小サムネイルという構成で作成したいです。
https://www.homes.co.jp/chintai/b-1068300060422/?iskks=1
小サムネイル側も初期表示枚数以上の画像を表示するのに、スライドできるようにしたいです。
デザインは以下のような形にしたいです。
PC(サムネイルは、大画像の横に配置)
モバイル(サムネイルは、大画像の下に配置)
調べた事
「Slick」を使えば、PCで実現したいスライダー大画像+横にサムネイルの複数画像表示ができる事はわかりました。
![]
ただ、ホームズのようにサムネイル部分の画像が多い時用のサムネイル部分のページネーション機能をどうやって付ければいいのかの判断がつきませんでした。
Slick:
https://kenwheeler.github.io/slick/
参考記事:
https://www.coder-ao.com/blog/216/
Slickを上手くカスタマイズすれば、僕が実現したい、ホームズの物件紹介スライダーと同じようなサムネイル付きのスライダーは実装できるでしょうか?色々と調べているのですが、判断がつかないので海外記事なども含めて参考になるものがあればアドバイスいただけると助かります。
【実現したい要件】
・PCとSPでスライダーのサムネイルの表示形式が変わる
・PC時はスライダーの横にページネーション付きのサムネイル複数枚表示
・SP時のスライダーの下にスライドする機能が付いたサムネイル表示