zoomwall.js

JavaScript

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

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

zoomwall.js

デモ

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

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

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

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

zoomwall.js

関連記事

  1. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

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

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  3. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  4. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  5. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

  6. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

最近の記事

  1. カメラマングローブ Grip Hot Shot III
  2. 包(つつむ)巾着ポーチ
  3. KMC-80BK
  4. 味噌ラーメン〜旨辛にんにく味噌〜

Instagram始めました

Facebookページ

PAGE TOP