[Swiper]3つのサムネイル連動について

Question

Swiperのサムネイル表示にて、現状「A」,「B」,「C」が連動しています。
が、「B」と「C」が連動しません。
「B」と「C」を連動させたい場合、どうすれば良いでしょうか？

ご教授いただければと存じます

////////////////////////////////////////
HTML記述
////////////////////////////////////////

<div class="swiper-container .loopA">
    <div class="swiper-wrapper">
        //Aのメイン画像ループ
    </div>
</div>
<div class="swiper-container .loopB">
    <div class="swiper-wrapper">
        //Bのサムネイル画像ループ
    </div>
</div>
<div class="swiper-container .loopA">//Aと同じ動き
    <div class="swiper-wrapper">
        //Cのキャプションループ
    </div>
</div>

////////////////////////////////////////
JQuery記述
////////////////////////////////////////

$(function () {
    var nameB = new Swiper(".loopB", {
    〜〜
    });

    var nameA = new Swiper(".loopA", {
    〜〜
        thumbs: {
            swiper: nameB,
        },
    });
//AとCは同じ動きのため、CはHTMLにて.loopAと設定
});

（＊Swiper 5.3.1）

Answer 1

Controllerモジュールとか使えそうです。

【Swiper API】
https://swiperjs.com/swiper-api#controller

【[Rails]Swiperで画像スライド作成 - Qiita】
https://qiita.com/yummy888/items/8528c7542f85ae7bbc55#js%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB

【サンプル付き！簡単にスライドを作れるライブラリSwiper.js超解説（基礎編） | ガリガリコード】
https://garigaricode.com/swiper/

Comments

[okeke]

ありがとうございます！確認してみます！