bxSlider.js で pager や prev、next をクリックすると startAuto が止まるのを回避する方法

比較的よくお世話になっているライブラリ bxSlider.js

オートでスライドをスタートさせるってのはよくある話だけど
デフォルトでは pager や prev、next をクリックすると、このオートスライドがストップするという謎仕様となっています。。

これではぶっちゃけ困る。

だって、そんな仕様でお願いされることとかまず無いからね…

てなわけで、回避方法を。

2つあります。

その1

準備されているonSlideAfterイベントでstartAutoメソッドを呼出し。

こんな感じで記載。

$(document).ready(function(){
    var huga = $('.bxslider').bxSlider({
        auto: true,
        pause: 4000,
        onSlideAfter: function(){
            huga.startAuto();
        }
    });
});

その2

jquery.bxslider.js の clickPagerBind と clickPrevBind と clickNextBind に書かれている

if (slider.settings.auto) el.stopAuto();

をそれぞれコメントアウト。

今回自分が使用したバージョンはv4.1.2。

バージョンによって記載場所は若干異なると思うので、cmnd+f で検索してください。

でも、こっちはjs本体を書き換えるので、あんまりオススメはしないかな。。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です