新的谷歌圖片他們如何正確浮動

有沒有人看到新的谷歌圖片搜索。它設法使圖像浮動在一個區域。這些圖像通過將它們分組爲尺寸來正確地適合這一點。新的谷歌圖片他們如何正確浮動

我想有這樣做的方法有兩種：

在腳本方案中，我們可以使用1000px的最大寬度，然後將圖像分組以填充4行，以填充4行圖像。

Css規則將不得不使圖像浮動，但也重新命令它們。

有沒有人有任何其他的想法，這將如何工作？

2010-08-06 Paul

一個可能的線索 - 在他們全部加載後，他們重新安排自己以更好地適應我的瀏覽器。 – Justin 2010-08-06 13:34:07

在Firefox中，它使用'

哇，我沒有真正注意到他們總是完美排隊。很漂亮的Google。看起來真正的工作正在服務器端完成。另外請注意，他們不害怕裁剪圖像一點點，以讓他們排隊。 – Triptych 2010-08-06 13:48:45

他們重新大小的圖像與畫布js。然後設置li的寬度，高度，然後添加隱藏的溢出。如果您在css img.myimg {width：70px}中設置了所有圖像的寬度，您也可以得到相同的結果。我認爲用js代碼渲染頁面並不會花費更長的時間。

2010-08-06 14:54:08

我認爲谷歌在服務器上做所有這些工作人員：嘗試調整窗口大小 - 它將被重新加載在具有調整大小的圖像的第二個。另一方面，我發現一個畫布元素，也可以用來調整大小加載圖像與js

2010-08-06 13:38:16 fantactuka

他們也保持他們的順序，這將表明圖像縮放，以便他們適合劃分爲網格10,8,6,4,3。複雜！ – Paul 2010-08-06 13:45:35

回答