bxSliderの代替となるモダンなカルーセルライブラリ

  • 投稿日:
  • by
  • カテゴリ:

bxSliderが便利で、何かといえばこれを使ってきた。ライブラリとしてはすっかり枯れていていわば完全乾燥で狂いが来ないのでとても楽ちん。
しかしすでに開発は止まっているし、他にも良いものが出ているので、そろそろ他のものを導入しようと検討。

◆Swiper.js
モバイル対応・タッチ操作・豊富なトランジション
純粋なJS。更新頻度高く、最も人気

◆Slick.js(jQuery)
カスタマイズ性・レスポンシブ・軽量
安定性は高いが更新は停止気味

◆Splide.js
軽量・高性能・アクセシビリティ対応
日本製でドキュメントも充実

◆Glide.js
シンプル・高速・レスポンシブ
軽量で直感的なAPI

◆Owl Carousel 2
タッチ対応・アニメーション豊富
jQuery依存。やや古めだが安定

◆Slider Pro(jQuery)
高度なカスタマイズ・動画対応
多機能だがやや重め

◆lightSlider.js(jQuery)
ギャラリー向け・スワイプ対応
軽量で導入が簡単


***************
選定のヒント

jQueryを使わない構成に移行するなら
  → Swiper.js, Splide.js, Glide.js が最有力。

既存のjQueryベースの構成を活かすなら
  → Slick.js や Owl Carousel 2 が移行しやすい。

アクセシビリティやSEOも意識するなら
  → Splide.js はARIA属性やキーボード操作にも対応。