web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

625 ℃
           

帝国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://ipkd.cn/webs_1249.html

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

当前位置: 网站首页 > 帝国cms
本文共计793个字,预计阅读时长6分钟
生活小工具,收录了80多款小工具
上一篇: 程序员正能量文案:乐观积极的治愈系文案,朋友圈满满向上动力句子
下一篇: Lunar组件如何利用I18n实现多语言功能
x 打工人ai神器