画像一覧ページ作成について

Question

開発中のサイトのためにTwitterのような画像一覧ページを作りたいと思っています。
twitterの画像一覧

Tiwitterの画像一覧の特徴は見た限りだと
１、元画像からのアスペクト比が固定
２、余白がなく画像が敷き詰められている
４、行ごとに高さが揃っている
３、ウィンドウサイズを変えた時にリサイズされる

というようなものです。(他にも色々とあると思いますが)

デバッグツール(firebug)を使って画像要素の属性変化を監視してみたりしたのですが、コードをたどるのが難しく
どういう処理なのか全体像を把握することが出来ませんでした。

どういったcssで動いているのか、またjavascriptであれば大まかにどのような処理で実現するのか
教えてください。
よろしくお願いします。

Comments

[izkn]

こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。

Answer 1

JQueryのプラグインですが、お手軽に実現できそうですね。

Automatic Image Montage with jQuery

で探してみてください。