图片加载-从模糊到清晰

今天看到一个jq小插件 负责渐进现实图片。https://github.com/scottjehl/picturefill

原理大致如此：

1. 假设一图片 500*500 略缩图50*50

2. 服务器端生成一个很小的略缩图(如50*50)

3. 刚打开页面的时候请求笑的略缩图。并将其大小设置成大图的大小。这样显示出来就是模糊的图片。

4. 我们同时请求大图 当大图请求完毕以后 替换到原来的略缩图。这样就显示清晰了。

5. 从而形成一个从模糊到清晰的过程。