欢迎来到CMS的世界,我们开始吧!
您当前的位置:首页 > 帝国CMS

帝国cms:用js控制表格里的图片过大问题

2019-03-10    来源:CMS代码    浏览次数:

下面CMS代码网为大家介绍一下帝国cms:用js控制表格里的图片过大问题

帝国cms里,如果在表格里放图片你会发现有时候图片过大会把撑的很难看,那么我们应该怎么解决这个问题呢,那就是直接用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)">

上面是关于“帝国cms:用js控制表格里的图片过大问题”的详细介绍,想了解更多关于帝国CMS内容,请继续关注CMS代码网!

最新文章

回到顶部