写真やイラストなどの画像をズラリと並べる際に、様々な縦横比をキレイに高さを揃えて表示する jquery のプラグイン Justified Gallery を紹介します。 Googleの画像検索、Flickr ような画像レイアウトです。 画像間のマージンが一定なのが地味に嬉しいです。 そのために、画像の一部が隠れることになりますが、それもほんの僅か。(というか数ピクセル程度) 詳しくは Justified Gallery の Important configurations を確認できます。 どういう理屈で実装されているのか図解付きで説明してくれています。 行ごとにローディングアニメーションまでやってくれるので、手軽に高品質なギャラリーが作りたいなら是非! Demo デモを作成してみました。 DEMO (JewelSaviorFREE – http://www.jewel-s.jp
![Flickrライクなギャラリーが作れる!レスポンシブ対応 Justified Gallery の使い方 | SK2 +620 DESIGNING](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ef6c1a305beab06cef0c69285639e684a0f1fd8/height=288;version=1;width=512/http%3A%2F%2Fsk2620designing.com%2Fwordpress%2Fwp-content%2Fuploads%2F2014%2F07%2Fjustified-gallery_01.jpg)