zoomwall.js

JavaScript

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

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

zoomwall.js

デモ

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

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

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

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

zoomwall.js

Gmailの送信メール取り消し設定Gmailで送信メールを取り消し(キャンセル)する設定方法前のページ

iPhoneのSafari(サファリ)でリンク先を新規タブで開く方法次のページ

関連記事

  1. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  2. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  3. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

  4. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  5. jquery-base-slider

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP