Glide.js

JavaScript

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

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

Glide.js

デモ

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

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

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

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

Glide.js

no-image3Dキューブによる画像ギャラリー「3D Cube Image Gallery」前のページ

ホバーによるシンプルなドロップダウンメニューを実装できる「Bootstrap Dropdown Hover」次のページBootstrap Dropdown Hover

関連記事

  1. JavaScript

    ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

    Spotlightはショータイムが始まる前のスポットライトのようなアニ…

  2. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  3. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

  4. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  5. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

  6. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP