如何使用javascript編寫complexe圖像網格

對於投資組合網站，我必須開發圖像的可視網格。如何使用javascript編寫complexe圖像網格

我現在正在測試這個網格。

我有兩個選擇：

1.A簡單的網格，垂直對齊，喜歡上了這線框的一個：http://daviddarx.com/stuffs/work/barbu/wireframe/search/simple.png

有幾個插件做到這一點，我可以輕鬆地開發一個自定義解決方案，如果需要但是這個網格有點太簡單和普遍。我很想得到一個比較配合物格像這樣的：

2.A配合物格，沒有任何垂直或水平排列，就像一個在這個線框： http://daviddarx.com/stuffs/work/barbu/wireframe/search/complexe.png

但是這一個，在概念上，我真的不知道如何開始開發它。
所以這裏是我的問題：

- 我很想開發一個自定義的網格，以得到我想要的。你有沒有關於如何開發這種網格的建議，策略和教程？哪些步驟，如何啓動它等...

- 如果你知道任何插件或庫可以實現這一目標嗎？

非常感謝您的幫助！大衛

2012-01-09 daviddarx

這個jQuery插件可以做你想要什麼：http://isotope.metafizzy.co/

如果不能做到這一點，請解釋原因，我會嘗試看看是否我能想到一個不同的解決方案。

2012-01-09 17:34:26 maxedison

謝謝你的意見，這個插件似乎很棒！它仍然是一個線性的網格，但它比其他插件更好！我會嘗試一個，然後按照這個帖子，如果我不能做我想要的東西！謝謝！ – daviddarx 2012-01-12 12:41:47

@daviddarx：它不是一個插件是網站。該插件是砌體。 – Bytemain 2012-01-12 12:52:35

您可以使用jQuery插件石工。如果你想自己做，你可以使用樹形圖算法，但也有一個jQuery插件樹形圖。

2012-01-12 12:53:40 Bytemain

回答