如何让图片按适当的比例显示?
请教大家个问题:通常做网页在做产品展示的时候限制成每个图片都一样大 这样整齐 美观些
可是用数码相机拍的照片传上去后 又常常因为上面的限制关系 而导致图片变形
不知道怎么做才可以让图片不变形?
这段代码看看是不是你要的!
<SCRIPT LANGUAGE="JavaScript">
function imgResize(obj){
if (obj.width/obj.parentElement.width >= obj.height/obj.parentElement.height )
{
if (obj.width>obj.parentElement.width)
{
obj.width = obj.parentElement.width;
}
}
else
{
if (obj.height>obj.parentElement.height)
{
obj.height = obj.parentElement.height;
}
}
}
</SCRIPT>
<TABLE border="1">
<TR>
<TD width="200" height="120"><IMG src="http://www.baidu.com/img/slogo.gif";
onload="imgResize(this)"></TD>
</TR>
</TABLE>
<html>
<head>
<title>图片缩放</title>
</head>
<body>
<img id="n" src="http://bbs.bc-cn.net/Images/userface/image1.jpg" onload="javascript:if(this.style.width<150);this.style.width=150;" />
</body>
</html>