余白がほとんどない単一のページに任意のサイズの多数の画像を収めるための JavaScript ライブラリ (または実装できるアルゴリズム) を探しています。Google Plus が画像を表示する方法[例]に似ています。または、もう少し遊び心があるかもしれません(Googleはそれらを同じ高さにします)
縦横比がおかしくない限り、画像のスケーリングを少しいじっても問題ありません。
余白がほとんどない単一のページに任意のサイズの多数の画像を収めるための JavaScript ライブラリ (または実装できるアルゴリズム) を探しています。Google Plus が画像を表示する方法[例]に似ています。または、もう少し遊び心があるかもしれません(Googleはそれらを同じ高さにします)
縦横比がおかしくない限り、画像のスケーリングを少しいじっても問題ありません。
人気のライブラリMasonaryを使用できます。
jQuery 用の動的レイアウト プラグイン CSS フロートの裏側
これがコード例です...
$('#container').masonry({
itemSelector: '.box'
});
Githubのソースと、Shoptalk ポッドキャストでのDavid Desandroへのインタビューを次に示します。
ヒント:すべてのコンテンツがコンテナーにバインドされるように、親コンテナーに position:relative があることを確認してください。