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. 縦置きスタンド
  2. スマトラ
  3. さくらドーナツ
PAGE TOP