zoomwall.js

JavaScript

高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

zoomwall.jsは高さを揃えたグリッドレイアウトを実装することができるLightbox系のイメージギャラリーです。綺麗に整列された画像一覧の中から好きな画像をクリックすると拡大して見ることができます。

zoomwall.js

デモ

隙間なく並べられた画像の中から気になるものを選択すると画像がアニメーションしながらズームしてきます。じっくりと大きいサイズで見たい場合にはとても便利ですね。元に戻す場合は再度画像をクリックすればOKです。

画像がビッシリ並んでいるので賑やかなイメージギャラリーを実装したい時なんかによさそうです。

デモはレスポンシブになっていたのでiPhoneからも確認してみたところしっかりと動作していました。シンプルなのでスマフォやタブレットでも見やすいのがいいですね。

たくさんの画像をいっぱい並べたLightbox系のギャラリーをお探しの方は是非チェックしてみてください。

zoomwall.js

関連記事

  1. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  2. parallax-background.js
  3. Easy Z modal

    JavaScript

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

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

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグや…

  5. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

  6. Water Wave Effect jQuery

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP