zoomwall.js

JavaScript

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

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

zoomwall.js

デモ

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

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

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

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

zoomwall.js

関連記事

  1. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  2. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  3. TabTab.js

    JavaScript

    アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

    TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装する…

  4. Solution for Long Drop Down Items

    JavaScript

    長いメニューもスクロールで表示できる「Solution for Long Drop Down Ite…

    長いドロップダウンメニューでもスクロール表示してくれるjQueryを活…

  5. Responsive Elements
  6. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP