jQuery---图片先模糊后清楚

http://www.cssrain.cn/article.asp?id=1338

 

很多图片网站用了这种技术，Google图片中心也不例外。
这种技术的图片是先显示模糊的，然后再显示清楚的。

这个模糊的原理就是 一张小图片，然后把尺寸放大，大小等于大图片的宽度和高度。
小图片被拉大了，理所当然就模糊了。

试想：小图片的尺寸是10kb,大图片的大小是500kb，那么加载小图片的速度就是大图片的50倍。
当然你会说，如果直接显示大图片是什么情况呢？答案是：一片空白等着你。

演示：
http://www.cssrain.cn/demo/loadImages/loadimages.html

当然你也可以选择我以前做的 图片预加载 插件。
http://cssrain.cn/article.asp?id=1321

转载于:https://www.cnblogs.com/anjing/archive/2009/12/03/1616349.html