怎么样让图片显示速度加快 - ASP技术论坛

第 11 楼

得分:0

用FLASH吧

俺不高手，俺也是来学习的。
俺的意见不一定就对，当你不认同时请点忽视按钮。
当走到十字路口不知该如何走时，可在论坛问下路，但你若希望别人能一路把你送到目的地，显然是不现实的，因为别人也有自己要走的路。

第 12 楼

得分:0

以下是引用笨笨林在2010-6-11 06:10:58的发言：

用缩略图。首页一般不要显示大图的。
有关ASP生成缩略图的代码请另找。

林说的这个方法不错，值得推荐！认真看了下你的图片体积太大，你到PS里处理一下，把大小改为你希望的大小，另外压缩度大些，当然要保证不影响图片可视质量的情况下！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 13 楼

得分:0

压缩的大小标准以你的<IMG标签里的width,height为准，你里面用了100px,100px,那么在PS就把图象大小改为这么大，充分发挥PS的能力！压缩后，把原图和压缩后的图比较大小，改变大小的时候有一个压缩选项，你尽可能选择小的！这个很关键，是图片文件能否变得更小的核心！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 14 楼

得分:0

我处理了图片，现在稍微好了点，但是还是不够快。
我想要的结果是图片不要边加载边显示，是要等到所有的图片全部加载完成后，页面一下子全部显示，是要用到javascript吧？
请问有这方面的资料么？

第 15 楼

得分:20

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.">
<html xmlns="http://www.">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片加载延时简易处理办法</title>
</head>
<script language="javascript">
//判断浏览器
var Browser=new Object();
Browser.userAgent=window.navigator.userAgent.toLowerCase();
Browser.ie=/msie/.test(Browser.userAgent);
Browser.Moz=/gecko/.test(Browser.userAgent);
//判断是否加载完成
function Imagess(url,imgid,callback){ 
    var val=url;
    var img=new Image();
    if(Browser.ie){
        img.onreadystatechange =function(){
            if(img.readyState=="complete"||img.readyState=="loaded"){
                callback(img,imgid);
            }
        }     
    }else if(Browser.Moz){
        img.onload=function(){
            if(true){
                callback(img,imgid);
            }
        }     
    } 
    //如果因为网络或图片的原因发生异常，则显示该图片
    img.onerror=function(){img.src='http://www.baidu.com/img/baidu_logo.gif'}
    img.src=val;
}
//显示图片
function checkimg(obj,imgid){
document.getElementById(imgid).innerHTML="<img src="+obj.src+" width=300px; height=300px;>";
}
//初始化需要显示的图片，并且指定显示的位置
window.onload=function(){
    Imagess("http://www.","img1",checkimg);
    Imagess("http://www.","img2",checkimg);
    Imagess("http://www.","img3",checkimg);
}
</script>
<body>
<div id="img1"  style="width:300px;height:300px;border:1px solid #f4f4f4;position:absolute;top:5px;left:50px;text-align:center;">数据载入中....</div>
<div id="img2"  style="width:300px;height:300px;border:1px solid #f4f4f4;position:absolute;top:5px;left:400px;text-align:center;">数据载入中....</div>
<div id="img3"  style="width:300px;height:300px;border:1px solid #f4f4f4;position:absolute;top:5px;left:750px;text-align:center;">数据载入中....</div>
</body>
</html>

一方面你可以尽可能缩小图片体积！
另一方面用代码进行处理：这是一个简易处理方法，无法显示具体进度，但是却可以保证不会出现拖尾现象，也能做到等到所有的图片全部加载完成后，页面一下子全部显示！
兼容2种浏览器IE和火狐，其他的我还没测试过！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 16 楼

得分:0

至于界面美观，你可以找一些AJAX加载图片的小GIF图片，就是那种一直在转的小图片，这样即使图片不能马上加载，也不至于让浏览者在等待中感到很乏味！具体应该怎么做，就是美工应该思考的问题了！

Q:1428196631，百度：开发地即可找到我,有事请留言！