Simple Lightbox

JavaScript

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

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

Simple Lightbox

デモ

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

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

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

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

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

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

Simple Lightbox

関連記事

  1. jquery.horizonScroll.js
  2. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

    ライトボックスみたいなお洒落なアラートを表示させることができるjQue…

  3. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

  4. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  5. JavaScript

    とても簡単にクールなドロップダウンを実装できるjQueryプラグイン「DropKick」

    個人的に使いやすそうだったので備忘録です。DropKickというjQu…

  6. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP