概要
swiper.js(v8)を使用して、メインスライダーと連動してサムネイル画像がスライドするタイプのスライダーを実装。用途・要件
- サムネイル画像はメインスライダーと連動して横にスライドする。
- 画像はimgタグを使用。(縦横比は揃える)
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
検証ブラウザ
- Swiper v8.3.2使用。
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)