短いお仕事ネタです。自分への備忘録。

お仕事でbxsliderを使って、スライダーを実装したのですが、どうしても挙動がおかしくて。

「無限ループするはずの要素が、最後までいったら止まってしまったり」「なぜか縦に次の要素が並んだり」「そして無限ループする時も、そのまま流れるのではなく”早戻し”みたいな感じでせわしくなく1枚目に戻ったり」。

最初は、複数のスライダーを1ページに詰め込んでるからかなと思って。クラス名を1つずつ変えてみたり、囲み方変えてみたり。optionを色々追加してみたり。liの中に画像だけじゃくて、他の要素も入れてるせいなのかな、とか半日分ぐらいの時間、悪戦苦闘しておりました。

そうしたら、なんとなんと、bxsliderのバージョンが原因だったみたいです。質問サイトで、”早戻し”現象について質問されている方がいて、それに対して「最新バージョンだと起こってないよ」という回答が「ベストアンサー」になっていたので、もしやと思って試してみたら、なんと解決！

今回の仕事、既存サイトへの追加案件だったため、既存のjsフォルダがあって、そこにbxsliderがもともとあったので、このスライダーを使用することにしたのですが。それが間違いだったようで。バージョン見たら、微妙にちょっと古かったので、試しに最新バージョンのbxsliderをダウンロードしてみたら、なんとすべての問題があっさり解決。おいおいおいおい！w　この時間はなんだったのだ。w

bxsliderがうまく動かないと苦戦しておられる方。試しに最新バージョン使ってみてください！すべて解決するかもです。

• Tweet