no-image

JavaScript

レスポンシブでスタイリッシュな「lightbox-jquery-plugin」

lightbox-jquery-pluginは、レスポンシブに対応したスタイリッシュなLightboxを実装できるjQueryプラグインです。滑らかなアニメーションとシンプルな操作性がとてもいい感じです。

lightbox-jquery-plugin

デモ

デモでは全部で5つのサムネイル画像が並べられており、各画像をクリックするとその画像が拡大表示されます。アニメーションはズームイン・ズームアウトとフェードを組み合わせたような感じで、とてもスマートな印象です。

拡大時には左右に前後移動する矢印やナビゲーションなども特になく、右上にクローズボタンがあるだけというシンプルさが特徴です。

気になる画像を1枚ずつ選んでじっくり鑑賞したいという時には最適なプラグインですね。

拡大時の背景にはオーバーレイもかかるので、画像により集中しやすくなります。また、レスポンシブにも対応していることから、ブラウザ幅に合わせて調整されるのも便利です。

というわけで、レスポンシブに対応したシンプルでスタイリッシュなLightboxを実装したい人は、ぜひ「lightbox-jquery-plugin」をチェックしてみてはいかがでしょうか?

lightbox-jquery-plugin

BeefUp多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」前のページ

円形に広がるメニュー実装「expanding action button」次のページno-image

関連記事

  1. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  2. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

  3. Enllax.js

    JavaScript

    軽量で簡単なパララックスを実装できるjQueryプラグイン「Enllax.js」

    Enllax.jsは軽量で使い方も簡単なパララックスエフェクトを実装す…

  4. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  5. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

最近の記事

  1. サンクラフト ポテトング
  2. iPhone 11 Pro Smart Battery Case(ホワイト)
  3. メイソンピアソン ヘアブラシ
  4. COMOLI ベタシャンCPOシャツ(サックス)

アーカイブ

PAGE TOP