如何实现图片逐渐加载逐渐显示？

Question

我想实现的功能是：图片逐渐加载逐渐显示，即加载到内存多少就先显示多少，而不是等到全部加载完成在一起显示，注意：也不是待图片全部加载到内存中后，在以一种特殊效果（如波纹、马赛克等）显示出来。望各位高手指教，谢谢！

Answer 1

直接在页面加<img src="1.jpg" />，不是加载到多少就显示多少吗？

Answer 2

to hh161151 and to zsx841021：    请问，直接在页面加<img src="1.jpg" />是加载多少显示多少么？我试验了一下，好像是一下子全显示出来啊。

Answer 3

请问各位：
我还有一个疑问，如果图片是逐渐显示的，那img的onload事件是在整个图片全部显示完的时候触发么？
（附：我这里没有慢速的环境）

Answer 4

to liangws:   直接在页面加<img src="1.jpg" />是加载多少显示多少还是全部加载完毕再显示?
   请问，您的观点如何？

Answer 5

您搞个100MB的大图片, 保证本地也可以达到您的要求. (您用Photoshop , 把长宽, 像素/英寸改得庞大无比就好了, 最大2GB)

Answer 6

上传一张图片到flickr，然后引用。

Answer 7

事实上图片是dom结构都出来了才会有宽和高的，所以不可能像你说的加载多少就显示多少。