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