pinterestやjQuery Masonry のようにコンテンツをタイル状に並べるレイアウトがありますが、それをjQueryを使って自分で作りました。横幅はひとつの値に固定です。 実行とoption JSファイルをダウンロードするとプラグイン状にしてあるのでJSファイルを設置すると以下のコードで実行できます。 $(function(){ $('外枠のidかclass').bricks(); }); またoptionで以下の設定が出来ます。 space:コンテンツ間隔 (デフォルトは5) type:「line」行ごとに並べる「low」:高さが低い所から配置する(デフォルトはlow) ※後述 time:読み込み時に初期位置から該当位置までのアニメーションする時間。0にするとアニメーションなし(デフォルトは0) start:配置アニメーションの初期位置。leftTop rightTop ce
![pinterest風のタイル上に並べるjQueryを作ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/f418c5b8e896aa5065e99d70c900e8296d7aeb9f/height=288;version=1;width=512/https%3A%2F%2Fwebdrawer.net%2Fwp%2Fwp-content%2Fuploads%2F2020%2F10%2Fthm.jpg)