先在老图片前面插入新图片,然后移除老图片:
<!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){
    //创建一个新的img对像
    var img = new Image();
img.src = src;
img.onload = function(){
        //在图片加载的时候要按比例缩放
        pimsize(this,300,300);
imgDiv.parentNode.insertBefore(this, imgDiv);
        imgDiv.parentNode.removeChild(imgDiv);    };
    
    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>
<img src="http://avatar.profile.csdn.net/2/9/5/2_0009.jpg" onload ="loadImg(this,'http://avatar.profile.csdn.net/E/7/6/2_zswang.jpg')">
</body>
</html>