Simple Lightbox

JavaScript

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

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

Simple Lightbox

デモ

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

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

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

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

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

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

Simple Lightbox

iPhoneで写真撮影した2枚の画像を並べることができるフリーのアプリ「Twin Collage」前のページ

アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」次のページTabTab.js

関連記事

  1. jQuery Responsive Tabs
  2. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  3. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  4. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

  5. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP