no-image

JavaScript

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

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

lightbox-jquery-plugin

デモ

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

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

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

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

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

lightbox-jquery-plugin

関連記事

  1. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  2. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  3. JavaScript

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

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

  4. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

  5. scrollUp

    JavaScript

    スクロールしていくと先頭に戻るボタンを表示してくれるjQueryプラグイン「scrollUp」

    下へスクロールしていくと、先頭に戻るボタンを表示してくれるjQuery…

  6. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

最近の記事

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

アーカイブ

PAGE TOP