【Swiper】スライダーページネーションの位置を変えたい時

↑のように
swiperで左右の矢印やページナビゲーションの位置を変えたい時。

【Swiper】スライダーページネーションの左右にボタンを配置する方法

めっちゃ助かりました!

スライダーを複数設置したかったのですが、1つだとページナビゲーションは問題なく出てくるのに、複数だと両方とも消えてしまう現象に。。。

const swiper1 = new Swiper('.swiper1', {
  pagination: {
    el: '.swiper-pagination1', 
    type: 'bullets',  
  },
});

const swiper2 = new Swiper('.swiper2', {
  pagination: {
    el: '.swiper-pagination2', 
    type: 'bullets',  
  },
});
<div class="swiper-pagination swiper-pagination2"></div>

これで解決しました!
ありがとうございました。

コメント

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