zoomwall.js

JavaScript

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

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

zoomwall.js

デモ

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

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

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

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

zoomwall.js

関連記事

  1. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  2. Sliding Panels Template
  3. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  4. JavaScript

    JavaScriptのlocation.searchでクエリ情報を取得してみる

    JavaScriptで、現在のページのクエリ情報(URLの末尾にある「…

  5. JavaScript

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  6. Vimeo Carousel Gallery

最近の記事

  1. 200-DGCAM019
  2. ハクバ GW-PRO RED フォトグローブプロ PL
  3. Soundcore Liberty Air 2
  4. Soundcore Liberty 2
  5. マザーツリー

アーカイブ

PAGE TOP