怎么控制dedecms列表页缩略图大小

导读:怎么控制dedecms列表页缩略图大小? 有时候我们在制作缩略图的时候,需要考虑到缩略图大小问题,这里简单分享下,方便需要的朋友 推荐学习:织梦cms

怎么控制dedecms列表页缩略图大小?

有时候我们在制作缩略图的时候,需要考虑到缩略图大小问题,这里简单分享下,方便需要的朋友

推荐学习:织梦cms

  

dede列表页缩略图大小控制的方法,列表开始

代码如下:

{dede:list pagesize='10'} ----调用的条数10条---
  • [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "href='{@me['arcurl']}' class='preview'>@@##@@src='{@me['litpic']}'/>>"); [/field:array] ---这里控制的是缩略图----如果要控制图片的高度需要修改: @@##@@src='{@me['litpic']}' 这里现在的是宽度: img src='{@me['litpic']}' iwidth='300' height='370' 这里控制了宽度的大小,以及高度 -------------------------------------- [[field:typelink/]] ----这里控制的是栏目---- [field:title/] ---这里控制的是标题,标题链接---- -----这里控制的是描述 日期:[field:pubdate function="GetDateTimeMK(@me)"/] 点击:[field:click/] 好评:[field:scores/]

    [field:description/]...

    ----描述-----
  • {/dede:list}

    如果要控制图片的高度需要修改:

    方法1:

    这个模板的图片大小控制是由CSS控制的

    要修改CSS

    右边图片区域修改

    templets/style/picture.css文件
    .pbox 样式

    如图片大小

    .pbox dl dt{
    width:188px;
    height:132px;
    display:block;
    overflow:hidden;
    }
    .pbox dl dt a img{
    display:block;
    width:expression(this.width > this.height && this.width >176 ? 176 : true);
    height:expression(this.height > this.width && this.height > 132? 132 : true);
    max-width:176px;
    max-height:132px;
    margin:0px auto 0px;
    }

    方法2:

    {dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}

    方法3:

    把调用代码中标签[field:imglink/]换成

    @@##@@

    以上就是怎么控制dedecms列表页缩略图大小的详细内容,更多请关注本网内其它相关文章!

    你也想0元试听小码王编程课程吗?
    填写信息免费预约
    免责申明:以上展示内容来源于合作媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表小码王官方立场,请读者仅做参考。本文标题:怎么控制dedecms列表页缩略图大小,本文链接:https://www.xiaomawang.cn/help/212510.html;欢迎转载,转载请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何涉及有违公德、触犯法律等违法信息,请您立即通过邮件(邮箱号:)联系我们及时修正或删除。
    校区接待前厅
    校区太空走廊
    校区教室环境
    校区多功能教室
    小码王少儿编程体验课程免费预约