• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    如何控制DedeCMS文章图片大小
    POST TIME:2020-03-28 17:36

    最近一位会员朋友问我如何控制织梦CMS的文章中和图片大小呢?我提供的解决方法是利用expression控制织梦模板文章图片大小,现在发出来,提供给大家学习参考。

    模板部分:

    <div class="content">
      {dede:field.body /}
    </div>

    CSS部分:

    请注意:图片高和宽最大都是600px,你可以自己修改图片宽度和高度。

    .content img{
    max-width:600px;
    max-height:600px;
    width:600px;
    height:600px;
    zoom:expression(function(el){
    el.style.zoom = "1";
    var resizeImg = function() {
    if (el.width > 600 || el.height>600) {
    if (el.width > el.height) {
    el.width = "600";
    el.height = el.height / (el.width / 600);
    } else {
    el.height = "600";
    el.width = el.width / (el.height / 600);
    }
    }
    }
    if (el.complete) {
    resizeImg();
    } else {
    el.onload = function() {
    resizeImg();
    }
    }
    }(this));
    }

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!