bxsliderのポーズ設定をスライド毎に変更し、クリックでスタートさせたい
1.下記ページを参考にポーズ設定をスライド毎に変更したスライダを作りました。
https://www.nxworld.net/tips/jquery-plugin-bxslider-setting-different-pause.html
↓
2.「autoStart:false」にしてスライドが始まらないようにしました。(ここまでうまくいってます)
↓
3.スライダーとは別にスタートボタンを作り、クリックするとスライダーが始まるようにしたいのですが、
1枚目だけスライドしてその後止まってしまいます。
止まらずにループでスライドさせたいです。
該当のソースコード
query
1$(document).ready(function(){ 2 var slider = $('#slider').bxSlider(), 3 pauseSettings = [500, 1500, 1500, 2500]; 4 5 differentPauseSlider(0); 6 function differentPauseSlider(startSlide) { 7 slider.reloadSlider({ 8 auto: true, 9 autoStart:false, 10 pause: pauseSettings[startSlide], 11 startSlide: startSlide, 12 onSlideAfter: function($slideElement, oldIndex, newIndex) { 13 differentPauseSlider(newIndex); 14 } 15 }); 16 } 17 18 $('.start').on('click',function(){ 19 slider.startAuto(); 20 }); 21});
試したこと
ポーズ設定をスライド毎に変更しなければクリックでちゃんとスライドが動きます。
query
1$(document).ready(function(){ 2 var slider = $('#slider').bxSlider(), 3 pauseSettings = [500, 1500, 1500, 2500]; 4 5 differentPauseSlider(0); 6 function differentPauseSlider(startSlide) { 7 slider.reloadSlider({ 8 auto: true, 9 autoStart:false 10 }); 11 } 12 13 $('.start').on('click',function(){ 14 slider.startAuto(); 15 }); 16});
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/30 04:27
2019/05/30 05:26