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日時点)です。