スライダーにSlickを使用していましたが、
Swiperに変更しているところです。
Slickの時の unslick のように、
スマホ表示時はSwiperの機能を解除することができますでしょうか。
html
1 <!-- Slider main container --> 2 <div class="swiper-container"> 3 <!-- Additional required wrapper --> 4 <div class="swiper-wrapper"> 5 <!-- Slides --> 6 <div class="swiper-slide"><img src="img/top/kv01.png" alt=""></div> 7 <div class="swiper-slide"><img src="img/top/kv02.png" alt=""></div> 8 <div class="swiper-slide"><img src="img/top/kv03.png" alt=""></div> 9 </div> 10 <!-- If we need pagination --> 11 <div class="swiper-pagination"></div> 12 </div>
javascript
1var mySwiper = new Swiper ('.swiper-container', { 2 loop: true, 3 pagination: { 4 el: '.swiper-pagination', 5 clickable: true // ページネーションを表示するセレクタ 6 }, 7 autoplay: { 8 delay: 5000, // スライドが切り替わるまでの表示時間(ミリ秒) 9 stopOnLast: false, // 最後のスライドまで表示されたら自動再生を中止するか 10 disableOnInteraction: true // ユーザーのスワイプ操作を検出したら自動再生を中止するか 11 }, 12 breakpoints: { 13 // 750ピクセル幅以下になったら 14 750: { 15 ??? 16 }, 17 }, 18})
この、「750ピクセル幅以下になったら」のところに入れるオプション、もしくは
機能を止めるやり方を教えていただけたら幸いです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。