エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Swiperでサムネイル付きのスライダーを作成する(v7 対応版)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Swiperでサムネイル付きのスライダーを作成する(v7 対応版)
制作物例 下記が実際に制作してみたものです。 See the Pen swiper with thumbnail by takblog (@blanks... 制作物例 下記が実際に制作してみたものです。 See the Pen swiper with thumbnail by takblog (@blanks-site) on CodePen. javascript 下記がjavascriptのコードです。 htmlやcssについてはcodepenから確認してください。 (function(){ const mainSlides = document.querySelectorAll('.main-swiper .swiper-slide'); const thumbSlides = document.querySelectorAll('.thumb-swiper .swiper-slide'); const mainSwiper = new Swiper('.main-swiper',{ loop:true, loopedSlides:mai