Wordpressサイトにswiper.jsを利用してスライダーを設置しました。
スライドはカルーセルで4枚表示、
2枚をグループ化して、2枚ずつスライドさせ、
かつ、左から2枚目のスライドをスタート地点としたいです。
しかしながら、slidesPerGroup: 2とすることでグループを1枚と数えられてしまうのか、
offsetSlidesBefore: 1を指定してもスタート地点を1枚ずらすことができません。
上記のようなスライダーを実装する手段はありますでしょうか。
WPプラグインを利用しなかったのはswiper.jsがcssでの調整が容易なためですが、
WPプラグインや他のスライダープラグインにこのような表示が容易にできるものがありましたらご教示頂けますと幸いです。
よろしくお願いいたします。
該当のソースコード
jQuery
1 var mySwiper = new Swiper ('.swiper-container', { 2 loop: true, 3 slidesPerGroup: 2, 4 slidesPerView: 4, 5 spaceBetween: 10, 6 offsetSlidesBefore: 1, 7 autoplay: { 8 delay: 5000, 9 }, 10});
あなたの回答
tips
プレビュー