
↑のように
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>
これで解決しました!
ありがとうございました。

コメント