让图片自适应显示大小
让图片自适应显示大小代码如下:
JS部分放在head:
<script type="text/javascript">
function SetImg(obj,maxW,maxH){
var imgH=obj.height;
var imgW=obj.width;
if(obj.height>maxH)
{
obj.height=maxH;
obj.widht=(obj.width*(maxH/imgH));
imgH=maxH;
imgW=obj.width;
}
if(obj.width>maxW)
{
obj.width=maxW;
obj.height=(maxW/imgW)*imgH;
imgW=maxW;
imgH=obj.height;
}
obj.style.marginTop=(maxH-obj.height)/2;
obj.style.marginLeft=(maxW-obj.width)/2;
}
</script>
BODY部分:
<body>
<div style="height:168px;width:130px;background-color:fff;">
<img src="http://www.ruiqing1998.com/uploadfile/201208/20120809163926340.jpg" onload="SetImg(this,168,130);" />
</div>
标签: 济南网站建设 网站建设 济南网站制作 网址: www.web0531.com