標籤:
圖形圖像
圖片
圖片搜索
布局
Google 圖片搜索結果頁面是如何實現縮略圖的拼接效果,用到了哪些技術?
12-24
如 http://goo.gl/GuQYa
Google圖片搜索結果頁面並沒有用到什麼神奇的技術,和網面搜索結果一樣就是AJAX的。
在顯示縮微圖時,掃描每行中的圖片,得到圖片的最大高度,就是這一行的高度,之後每幅圖片以此高度居中顯示,而寬度則是按頁面總寬度所有圖片均分的,這樣一行就顯示完成了。以此類推,再顯示下一行。
圖片懸浮的效果則是利用JS實現的,這個也有很多實現的標準方法,GOOGLE自己也提供了。
推薦閱讀:
TAG:
圖片
|
圖形圖像
|
圖片搜索
|
布局
|