タグ

swiperに関するmonbuu01のブックマーク (1)

  • Swiperでサムネイルリスト付きのスライダーを作成する

    前回、下記の記事でSwiperでサムネイル付きのスライダーの作成を紹介しました。 Swiperでサムネイル付きのスライダーを作成する 前回はサムネイル側はスライダーでしたが、今回はサムネイル側はリスト形式で表示するパターンです。 制作物をcodepenで見る See the Pen swiper with thumbnail slider2 by takblog (@blanks-site) on CodePen. 前回とは違って、リスト形式で表示するパターンだということが確認できるかと思います。 今回はSwiperのpaginationオプションを使って、サムネイルリストを作っています。 以下が今回のhtmlになりますが、サムネイル画像を表示する箇所は<div class="thumblist"></div>の要素内です。 <div class="swiper-container"> <

    Swiperでサムネイルリスト付きのスライダーを作成する
  • 1