シンプル&軽量&レスポンシブなスライドライブラリ「Glide.js」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

Glide js

Glide.js」は、シンプル、軽量、高速、レスポンシブが売りのjQueryスライドライブラリです(GitHub)。

<div class="slider">
    <ul class="slides">
        <li class="slide"></li>
        <li class="slide"></li>
        <li class="slide"></li>
    </ul>
</div>

このようにマークアップするだけで簡単に使えます。

Glide js 1

レスポンシブなので、スマホやタブレットでもデスクトップと同じにように使うことが可能。その他の特徴は、

  • minifiedすれば4.5kBまでと軽量。
  • Swipeイベント対応
  • 超高速CSS3遷移。
  • 矢印とbulletsによるナビゲーション。
  • タッチ&モバイルフレンドリー。
  • 自動再生
  • コールバック付きのpublic API。
  • ホバーで停止。
  • OOCSS & BEM

などなど。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次