「Glide.js」は、シンプル、軽量、高速、レスポンシブが売りのjQueryスライドライブラリです(GitHub)。
<div class="slider">
<ul class="slides">
<li class="slide"></li>
<li class="slide"></li>
<li class="slide"></li>
</ul>
</div>
このようにマークアップするだけで簡単に使えます。
レスポンシブなので、スマホやタブレットでもデスクトップと同じにように使うことが可能。その他の特徴は、
- minifiedすれば4.5kBまでと軽量。
- Swipeイベント対応
- 超高速CSS3遷移。
- 矢印とbulletsによるナビゲーション。
- タッチ&モバイルフレンドリー。
- 自動再生
- コールバック付きのpublic API。
- ホバーで停止。
- OOCSS & BEM
などなど。