jQueryプラグインwookmark.jsを使って、要素の整列。
idが"tiles"と指定されたulのliタグに、横サイズのみ統一(この場合200px)した画像を追加していくだけで、スクリプトが整列してくれます。ブラウザ画面のサイズを変えたり、グリッドの間をクリックすると、並び替えて最適化してくれます。htmlの構造はhtml5にしてあります。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17