隨機定位圖像不重疊

我使用Wordpress並使用它們的代碼，我將圖庫上傳到特定頁面作爲圖像的無序列表。隨機定位圖像不重疊

我想知道是否有一種方法來將這些圖像完全放在使用JS的容器內（這將是相對的）並且沒有任何重疊？所以，它必須定位他們，然後注意那個圖像的位置，並確保下一個圖像不重疊等。

這應該是一個隨機生成的每一次，但我也想知道是否有可能使圖像和他們的位置每次相同？

謝謝你們，期待一些想法。

-R

編輯：你可以看到HTML和迄今取得的進展在這裏：http://richgc.com/freelance/staton/furniture/

你希望它是隨機的，但每次都是一樣的？你能澄清一下嗎？ – chucktator

道歉。如果每次的位置相同（我只是覺得隨機功能會更容易，所以只要有任何幫助，我都會很感激）。 –

試試這個插件http://isotope.metafizzy.co/ – undefined

有幾個jQuery插件認爲這樣做..這裏是一個：

2012-06-10 16:05:09 lucuma

是啊......它不會隨意放置圖像......它將它們全部粘在一起。我在一年之前建立了這個：http：//massobservation.org，但它都是硬編碼的。 –

與@ lucuma的答案去（我不知道有預先存在的插件）。

如果您打算手動實施這樣一個插件，您可以使用傳統上用於優化從鈑金中切出零件的cutting algorithm，以確定圖像不會重疊的位置。

如果您選擇確定性算法，您應該始終在正確的位置獲取圖像的佔位符。圖像總是不同大小，這將確保圖像總是出現在同一個地方。由於許多圖像可能具有相同的大小，因此可以將圖像分配給例如圖像文件名稱的字母順序。

2012-06-10 16:06:03

回答