更新JavaScriptWebコーディングとある案件でカルーセル(スライドショー)を使うことになったので、これを機会に使いやすいjQueryプラグインを探してみましたのでご紹介します。ネットで口コミを見てまわり、評価の高そうなものの中から探してみました。できればこの先しばらく使っていきたいという思いもあったので、いくつか条件を設けました。Carousel」でした。Transitionに対応したブラウザであれば、スライドだけでなく様々なエフェクトで見せることが可能です。検証してみるとChromeとIE11でエフェクトが効きません。FirefoxやSafariではきちんと動作しているのに残念です。オフィシャルサイトにもユーザーから同様の書き込みがあるのですが、解決策が見つかりませんでした。Carouselを断念しました。Carouselの次期バージョンで、まだベータ版ではありますが、無限ループも実装されており期待したのですが、IE7が動作対象外でした。たどり着いたbxSliderそして最終的にたどり着いたのが「bxSlider」です。希望の条件を満たしていました。IE7もサポートブラウザとして明記してあり、動作検証でも問題なく動きました。オプションも豊富で、無限ループはもちろん、あれば嬉しいと思っていた「オンマウス中はスライドを止める」ことも可能です!組み込み自体はそう難しくありません。ひとつ落とし穴がありました。「オンマウス中はスライドを止める」設定をすると(autoHover:true)、マウスアウトしても止まったまま自動再生がはじまりません...。マウスアウトしたら自動再生を再開してほしいんですが...と思いつつ少しばかり改良したのが以下のソースです。function(){slider.startAuto();}});});</script>Demo振り返ってもはや当然といえば当然かもしれませんが、IE7対応の敷居が結構高かったです。今後しばらくはbxSliderを使っていくことになりそうです。designが運営しています。JavaScriptに関するメモ、デザインの過程で思ったことなどを書き留めています。