程序员人生 网站导航

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

栏目:DedeCMS时间:2013-12-13 09:18:08

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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐