Simple Lightbox

JavaScript

レスポンシブでタッチ・スワイプ対応のミニマルなjQueryプラグイン「Simple Lightbox」

Simple LightboxはレスポンシブでミニマルなイメージLightboxを実装することができるjQueryプラグインです。タッチやスワイプにも対応しているので、PCはもちろんモバイルデバイスでも操作しやすいのが特徴です。

Simple Lightbox

デモ

綺麗に整列されたサムネイル画像をクリックすると拡大画像が表示されます。左右の矢印アイコンで前後の画像へ移動することができます。スマホではスワイプで前後移動が可能です。

また、PCではキーボードの左右矢印ボタンでも操作可能です。

無駄な装飾が一切なくミニマルで美しいデザインが写真を最大限に引き立ててくれますね。UIも最小限でシンプルな構成なので操作性に迷うこともなく使いやすいと思います。

クリック時のローディングアニメーションやさりげないオーバーレイなど、細部もかなり洗練されているので、オシャレなLightboxギャラリーを実装したい時は、ぜひ選択肢の1つに入れておきたいところです。

画像にキャプションを入れれるところもGoodですね。

使い方もシンプルだしオプションもたくさん用意されているので、カスタマイズしたい方にもピッタリです。

Simple Lightbox

関連記事

  1. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

  2. no-image

    JavaScript

    シンプル・軽量なアナログ時計を実装できる「jsRapClock」

    jsRapClockはシンプルで軽量なアナログ時計を実装できるjQue…

  3. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

  4. lightgallery.js
  5. Random Quote Machine

    JavaScript

    ランダムにテキスト(クオート)を表示させる「Random Quote Machine」

    Random Quote Machineは、設定したデータのなかからラ…

  6. JavaScript

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

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

最近の記事

  1. 落ち葉と雪
  2. SOL001
  3. 末廣ラーメン

アーカイブ

PAGE TOP