4

余白がほとんどない単一のページに任意のサイズの多数の画像を収めるための JavaScript ライブラリ (または実装できるアルゴリズム) を探しています。Google Plus が画像を表示する方法[例]に似ています。または、もう少し遊び心があるかもしれません(Googleはそれらを同じ高さにします)

縦横比がおかしくない限り、画像のスケーリングを少しいじっても問題ありません。

4

1 に答える 1

7

人気のライブラリMasonaryを使用できます。

jQuery 用の動的レイアウト プラグイン CSS フロートの裏側

これがコードです...

$('#container').masonry({
  itemSelector: '.box'
});

Githubのソースと、Shoptalk ポッドキャストでのDavid Desandroへのインタビューを次に示します。

ヒント:すべてのコンテンツがコンテナーにバインドされるように、親コンテナーに position:relative があることを確認してください。

于 2012-07-11T15:30:34.867 に答える