在论坛看到很多提问图片过大撑破表格的解决办法，我也曾遇到过，用CSS的最大宽度来控制，可是IE6.0浏览器不支持最大宽度，所以用CSS来控制图片大小也不是十分完美。下面给大家分享两种用JS控制图片大小的方法，全面兼容各种浏览器。
1，不按照比例的缩放 <script language="javascript">
function changeImg(mypic){
var xw=130;
var xl=160;
var width = mypic.width;
var height = mypic.height;
if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script>
调用方法：
<img src="图片地址" onload="changeImg(this)">
2，按照比例的缩放
<script language="javascript">
function changeImg(mypic){
var xw=160;
var xl=180;
var width = mypic.width;
var height = mypic.height;
var bili = width/height;
var A=xw/width;
var B=xl/height;
if(!(A>1&&B>1))
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
mypic.height=xl;
}
}
}
</script> 调用方法：
<img src="图片地址" onload="changeImg(this)">
|
顶部 
加入收藏夹
2009-06-17 00:20:17 
已设置保密
回复
引用
报告
编辑
删除
