swiper.jsには元々サムネイルページネーションが用意されておらず、デモではサムネイル用のスライダーを用意し、2つのsliderを動かすことでサムネイルっぽい動きを実行しています。Controlは、理想的なサムネイルページネーションと動きが違うので、青丸のrenderBulletを利用してthumbnailを使ったpaginationを実現してみたいとおもいます。},});</script>CODELENrenderBulletの使い方renderBulletのカスタマイズ例(公式)renderBulletはindexとclassNameを持ってます。indexはスライド数分あります。thumbsの配列にスライドと同じ順番に設定することで、INDEX順にレンダリングします。1.要素のクラスを上書き。2.アクティブ時のクラス。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。コメントをキャンセルby次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。452view【目的】ランキングページ用のUIデザインを希望。総合評価を月桂樹で囲ったデザイン案の過程で勲章デザインを提示。【対象】女性がメインターゲット。「LIKE」を集めてランキングが上がる。POPULAR「JETPACKの人気の投稿」を拡張して直近7日間の人気の記事を表示しています。(2)WP飽きるまで。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。