no-image

JavaScript

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

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

lightbox-jquery-plugin

デモ

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

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

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

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

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

lightbox-jquery-plugin

関連記事

  1. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  2. mmenu

    JavaScript

    スマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」

    mmenuというjQueryプラグインを使えば、スマホアプリのように横…

  3. socialShare.js
  4. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  5. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  6. PopCircle

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP