no-image

JavaScript

レスポンシブ対応のシンプルなLightboxプラグイン

レスポンシブに対応したシンプルなLightboxプラグインを紹介します。画像クリックで拡大された画像を手軽に確認できます。複雑な機能やアニメーションなども特になく、サクッと拡大画像をチェックできるので、シンプルなLightboxを実装したい人にはピッタリです。

Lightbox

デモ

デモではサムネイル画像が1枚表示されていて、これをクリックすると拡大された画像が表示されます。背景は黒でオーバーレイされていて、中央に拡大画像が表示されます。

右上にはバツ印が付いていて、ここをクリックすると元のサムネイルの状態に戻ります。

またレスポンシブ対応なので、画面を縮小・拡大してもそれに合わせてサイズが変化するあたりもいいですね。スマホからのアクセスにも最適です。

複雑な機能やアニメーションなどもなく、サッと表示できるのでとても効率的なLightboxプラグインに仕上がっています。使い方もかなり簡単で手軽に実装できるはず。

というわけで、レスポンシブに対応したjQueryのLightboxプラグインの紹介でした。

関連記事

  1. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  2. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  3. jfMagnify
  4. Responsive Parallax Drag-slider With Transparent Letters
  5. no-image

    JavaScript

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

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

  6. JavaScript

    レスポンシブ対応で優雅なエフェクトが印象的なjQueryスライダー「Juicy Slider」

    レスポンシブに対応している軽量のjQueryスライダー「Juicy S…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP