软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 建站程序 > CMS教程 > 帝国cms:用JS控制图片过大撑破表格问题

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

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

    相关阅读
    栏目导航
    推荐软件