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

600 ℃

帝国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实现换行

var、let、const的区别(什么时候调用)

js获取本周/本月/本季的起始时间、结束时间及本月天数

js获取2个数组中的相同数据和不同数组

标签: CMS网站, js换行, mypic, var, width

上面是“帝国cms:用js控制表格里的图片过大问题”的全面内容,想了解更多关于 帝国cms 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1249.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

详解dede:list和dede:arclist列表按权重排序修改方法
jQuery如何获取图片高度和宽度
mysql介绍2种查询表字符集编码的方法
git语法更新本地远程分支命令
帝国cms如何在tags列表页获取当前tag的ID方法