no-image

JavaScript

高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

jQuery Mosaic pluginは高さを揃えたレスポンシブな画像ギャラリーを実装できるjQueryプラグインです。アスペクト比を維持しながら綺麗に高さを均一化させた画像ギャラリーを実装したい人は要チェックです。

jQuery Mosaic plugin

デモ

デモでは画像が複数行にわたって並べられています。各行の高さはそれぞれで均一になっていて、綺麗に整列されています。画面いっぱいに隙間なく画像が並べられるその姿は圧巻ですね。

また、デモはレスポンシブにも対応しています。画面を縮小していくと画像のレイアウトもそれに合わせて変化していきます。スマホやタブレット、PCなど、その機器にあったレイアウトで快適に閲覧できます。

使い方やマークアップもかなりシンプルなところがグッドです。

オプションには、maxRowHeight、refitOnResize、refitOnResizeDelay、defaultAspectRatio、maxRowHeightPolicy、highResImagesWidthThreshold、outerMargin、innerGap、responsiveWidthThresholdといった項目が用意されています。

jQuery Mosaic plugin

関連記事

  1. 2013年下半期jQueryプラグインまとめ

    JavaScript

    2013年下半期に紹介したjQueryプラグイン68選まとめ

    今年も残すところあとわずかとなりました。今年もたくさんのjQueryプ…

  2. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

  3. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/0…

    2012年8月〜2012月9月までの当ブログで紹介したjQueryプラ…

  4. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

  5. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

  6. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP