僕と写真と日々のこと僕と写真と日々のこと

【jQuery】bxsliderの挙動がおかしい時は、最新バージョンを試してみる

【jQuery】bxsliderの挙動がおかしい時は、最新バージョンを試してみる

WEB制作 備忘録

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

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

スポンサーリンク

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

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

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

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

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

実際に僕が使用している、おすすめガジェット

【ウルトラワイド曲面モニター】LG 35WN75C-B

【静電容量無接点キーボード】東プレ REALFORCE R2-JP4-BK

【トラックボールマウス】ケンジントン Expert Mouse Wireless Trackball K72359JP

【モニターアーム】エルゴトロン LX デスクマウント アーム

【オフィスチェア】オカムラ feego mesh フィーゴメッシュ CJ92BR-FDM6

スポンサーリンク