|zyciis| 我自己写了一个图片按比例缩放的,但是当网速不是很快的时候还是会看到图片把网页撑开 在怎么办 谢谢

<img src ="test.jpg" style="width:300;height:200">
直接定义长和宽不就可以了，没必要用JS去调整吧

解决方案 »

  1.   

    你应该先创建一个img不插入body
    用这个img载入图片
    onload中取宽高并设置要设的img
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <script>
    function loadImg(imgDiv,src){
    var img = new Image();
    img.src = src;
    img.onload = function(){
    pimsize(this,300,300);
    document.getElementById(imgDiv).appendChild(this);
    };

    function pimsize(imgname,widths,heights)
    {       
    var w;
    var h;
    w=imgname.width;
    h=imgname.height;

    if(w>widths)
    {
    var multiple = w / widths;
    h = h / multiple;
    w=widths;                
    }
    if(h>heights)
    {
    var multiple = h / heights;
    w = w / multiple;
    h=heights;
    }
    imgname.width=w;
    imgname.height=h;
    }
    }
    </script>
    <div id="img1"></div>
    <input type="button" value="loadImg" onclick="loadImg('img1','http://zi.csdn.net/190.90(1).gif')" />
    </body>
    </html>