先在老图片前面插入新图片,然后移除老图片:
<!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>
<!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>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货