图片显示的一个问题

Question

如题...当加载一个比较大点的图片.比如1M以上的图片它会慢慢的一点点的显示出来.网上有两种效果..第一种是在图片喂加载完的时候 显示一个等待界面..有人说是用ajax实现...ajax如何请求图片还没做个..希望懂行的人给点指引还有种效果..有些网站上的图片显示....一开始出来的是效果很差..很模糊的图片..但速度很快.以下就出来了...然后等图片加载完毕后显示真实效果.这种是什么原理..难道它存了两张图片.一张模糊的和一张高清的?知道的朋友请提供点线索...
谢谢...

Answer 1

网上有两种效果..第一种是在图片喂加载完的时候 显示一个等待界面..有人说是用ajax实现...ajax如何请求图片还没做个
--------------------------
等待界面不用ajax也可以的，在页面onload之前用js创建一个遮蔽层，显示等待信息，onload remove这个遮蔽层即可,
大图片我觉得一种途径是分割，另种是用ajax异步载入图片然后等图片加载完毕后显示真实效果
--------------------------
用的是2张图片,既然很模糊肯定是经过压缩过的

Answer 2

网上有两种效果..第一种是在图片喂加载完的时候 显示一个等待界面..有人说是用ajax实现...ajax如何请求图片还没做个 
-------------------------- 
很多网站图片加载都使用一般处理程序（ashx）文件进行图片处理，就ajax效果，楼主可以看看这个http://www.cnblogs.com/zgqys1980/archive/2008/03/11/1100863.html
网上还有很多介绍

Answer 3

我的网站就是这样的啊。告诉你怎么做吧。比如是一个衣服的照片，平常是很大的，你要做一个列表，但是不是直接去加载他原来的图片，加载的是个 多少*多少（压缩过的）  这个大小的图片。不关ajax什么事。

Answer 4

我压缩的图片
        <add key="imgWidth" value="180"/>
        <add key="imgHeight" value="250"/>这个大小看起来不模糊刚刚好。当然了，如果你需要，是自己慢慢调整。

Answer 5

你说的第二种是图片格式的问题，有一些图片下载就是从模糊变清晰的过程，具体是哪一个忘记了；
至于你说的下载过程可以考虑使用flash加载；

Answer 6

其实浏览器默认的加载方式就可以，为什么非得改成其它方式呢？加载完后再显示：（当然，可以根据这个最简单的代码扩展成其它效果）
<img src="a.jpg" style="visibility:hidden;" onload="this.style.visibility='visible';" />