帝国cms:用JS控制图片过大撑破表格问题
来源：程序员人生 发布时间：2013-12-13 09:18:08 阅读次数：3938次
建站学院(LieHuo.Net)CMS程序 在论坛看到很多提问图片过大撑破表格的解决办法，我也曾遇到过，用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)"> |
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
