帝国cms:用JS控制图片过大撑破表格问题

发布时间：2020-12-14 03:48:49 所属栏目：Dedecms 来源：网络整理

导读：建站学院CMS程序在论坛看到很多提问图片过大撑破表格的解决办法，我也曾遇到过，用CSS的最大宽度来控制，可是IE6.0浏览器不支持最大宽度，所以用CSS来控制图片大小也不是十分完美。下面给大家分享两种用JS控制图片大小的方法，全面兼容各种浏览器。 1，不按

　　建站学院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)">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!