jQueryプラグイン「bxslider」のスライドが止まってしまう時の対処法

WEB-LABO

bxslider って、NextとかPrevなどのナビゲーションをクリックするとスライドが止まってしまうんですね。

でも、実際は止まって欲しくない場合が多いと思います。ということで、そんな場合の解決法です。

今回の対処法は、そんなに難しくありません。if文を削除あるいは、コメントアウトするだけなので、2~3分で終わります。

※なお、今回使用したバージョンは「BxSlider v4.1.2」です。使用しているバージョンによりコメントにする個所や行数は異なる可能性があります。

修正箇所の特定

まず、jquery.bxslider.js を開きます。

715行目、728行目、763行目にある下のif文が対象です。

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

※エディタの検索機能で、上の行を検索した方が早いです。

 

コメント化

JavaScriptやjQueryでは、// 以降、行末までコメントになるので、ifの前に // を追加します。

↓ こんな感じ

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

これを、Next と Prev と Pager の3か所行います。

修正はこれだけ!

PR

関連記事