Automatic Image Montage with jQuery | Codrops

並べた画像を敷き詰めて超カッコよくするjQueryサンプル。
<img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。
画像間の調整や背景色の調整等が行えるようです。


デモページはこちら

ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。



背景を黒にするとよりオシャレな感じです。



関連エントリ

• 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」
• ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」