Swiperで複数のスライドを連動する方法

JavaScript
スポンサーリンク

Swiperのcontrollerメソッドを使うことで、複数のスライドを同時に動かすことができます。

// 3つのスライドをすべて連動させあうサンプル
const A = new Swiper('slide_a', {})
const B = new Swiper('slide_b', {})
const C = new Swiper('slide_c', {})

A.controller.control = [ B , C ]
B.controller.control = [ A , C ]
C.controller.control = [ A , B ]

Swiperのcontrollerパラメータでも同じことができるはずですが、何故か自分の環境ではうまく動きませんでした。

公式サイト: https://swiperjs.com/swiper-api

タイトルとURLをコピーしました