Google 圖片搜索結果頁面是如何實現縮略圖的拼接效果,用到了哪些技術?

如 http://goo.gl/GuQYa


Google圖片搜索結果頁面並沒有用到什麼神奇的技術,和網面搜索結果一樣就是AJAX的。
在顯示縮微圖時,掃描每行中的圖片,得到圖片的最大高度,就是這一行的高度,之後每幅圖片以此高度居中顯示,而寬度則是按頁面總寬度所有圖片均分的,這樣一行就顯示完成了。以此類推,再顯示下一行。
圖片懸浮的效果則是利用JS實現的,這個也有很多實現的標準方法,GOOGLE自己也提供了。


推薦閱讀:

TAG:圖片 | 圖形圖像 | 圖片搜索 | 布局 |