マガジンのカバー画像

WebコーディングTIPS集 ~Yanada's Note~

5
ウェブ制作のTIPSをまとめました。 HTML / CSS / jQuery / PHP / WordPress
運営しているクリエイター

#コーディング

3つの swiper を完全に同期・連動させる方法 (※controller で上手く動かない人向け)【Swiper 10系】

ここでいう「完全に同期」とは 「スライダーA」「スライダーB」「スライダーC」があるとき、 AをスライドさせればB・Cもスライドし、 BをスライドさせればC・Aもスライドし、 CをスライドさせればA・Bもスライドする という状態のことを指します。 AをスライドさせればB・Cもスライドする(ただし、CをスライドしてもA・Bは動かない) という一方向の連動は色々なウェブサイトで紹介されているのですが、双方向の連動についての情報が見当たらないため、自分で模索しました。