bxSliderで自動再生が止まってしまう不具合の解決方法

bxSliderとは

bxSliderは、スライダーのjQueryプラグインの一つです。主な特長は下記の通りです。

  • レスポンシブ対応で、タッチ操作にも対応している。
  • IE7以上をサポートしている。
  • オプションが豊富にあり、簡単にカスタマイズすることができる。

使い勝手が良いので、個人的には気に入っています。

不具合(仕様?)の内容

bxSliderで自動再生をしている時に、prevボタン・nextボタン・pagerのいずれかをクリックすると自動再生が止まってしまいます。

bxslider.comに掲載されているサンプルを見ると、上記の現象はbxSliderの仕様のように思います。その一方で、startボタンとpauseボタンを非表示にした場合には、一度止まってしまった自動再生を再開させる手段が無くなってしまいます。

解決するには

結論から言うと、GitHubから最新バージョンのbxSliderを入手すれば解決します。

GitHubのIssue(下図参照)によると、「Auto slide show stopped working on clicking on pager/next/previous」がバージョン4.2.2で修正されているようです。

bxslider.comから入手できるbxSliderのバージョンは4.1.2で、不具合が修正される前のものです。一方、GitHubから入手できるbxSliderの最新バージョンは4.2.5(2016年5月30日時点)です。

この記事が役に立ったらシェアしてください

  • Facebookでシェアする
  • Twitterでシェアする
  • はてなブックマークに保存する
  • LINEで送信する

Profile

庄司 諭史
1982年生まれ、三重県出身。マークアップエンジニア。
30歳でWeb業界に転身。Web制作会社に勤務し、組織全体の生産性を上げるための環境づくり、海外のコーダーの育成に携わっている。
  • Facebook
  • Twitter