Simple Lightbox

JavaScript

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

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

Simple Lightbox

デモ

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

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

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

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

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

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

Simple Lightbox

関連記事

  1. Thumbelina

    JavaScript

    サムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」

    Thumbelinaは、サムネイル画像に最適なコンテンツスライダーを実…

  2. no-image

    JavaScript

    ページ読み込み時に画面上部にプログレスバーを表示する「Skylo」

    Skyloはページ読み込み時にプログレスバーを画面上部に表示できるのが…

  3. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

  4. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  5. parallax-background.js
  6. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP