Glide.js

JavaScript

軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

Glide.jsは軽量・フレキシブル・高速なJavaScript ES6によるスライダー&カルーセルを実装できます。jQueryなどへの依存関係もなく、22KB以下(圧縮版で7KB以下)と軽量なところがいいですね。

Glide.js

デモ

デモではスライダー・カルーセルが横幅いっぱいに表示されていて、自動でスライドしていくようになっています。左右には前後移動できる矢印ボタンも設置されているので、ここから任意でスライドさせることも可能です。

また、スライダーの上にマウスオーバーするとカーソルが手のアイコンになり、ドラッグすることで前後にスライドさせるといったこともできます。

マークアップもシンプルに記述できるので手軽に使えるのもグッドです。ファイル容量も軽量なことから、スマホやタブレットなどモバイルからの閲覧にも最適ですね。

ライセンスはMITになっています。

Glide.js

関連記事

  1. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  2. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

  3. Choice.js
  4. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  5. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

  6. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP