QZone V8改版之“相冊從模糊到清晰”

相冊是我用QQ空間的最多的功能,每次活動或者去玩,我都會第一時間把照片發到相冊。

之前沒大留意這個功能,後來發到一篇博客介紹qzone相冊的這個功能,覺得好玩,就去嘗試弄了一下。

可以達到一樣的效果,但具體不知道他們團隊是不是這樣實現的。

圖片10

縮略圖很快加載出來,底下的大圖,一開始是模糊的,慢慢變清晰。

qzone的實現方式,應該是先加載頂部縮略圖,底下先去拉縮略圖,然後再慢慢加載出來。

模仿了qzone的結構,將兩個圖,一張小圖,一張大圖,定位在一起,大小設爲一致,先加載小圖,再加載大圖,看似好像很簡單的樣子,求噴,不知道對不對!

圖片11

第一個img是小圖,先用來佔位的。

用Fiddler 限速調試預覽哈

圖片12

可以達到先模糊後清晰的效果。

圖片13


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章