CMS教程 · 2024年11月25日

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

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

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

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

推荐学习：

  

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

代码如下:

{dede:list pagesize='10'} ----调用的条数10条---

登录后复制

  •   [field:array runphp=’yes’]@me = (empty(@me[‘litpic’]) ? “” : ” class=’preview’>@@##@@”>src='{@me[‘litpic’]}’/>>”);  [/field:array] —这里控制的是缩略图—-如果要控制图片的高度需要修改： @@##@@src='{@me[‘litpic’]}’ 这里现在的是宽度： img  iwidth=’300′ height=’370′ 这里控制了宽度的大小，以及高度 ————————————– [[field:typelink/]] —-这里控制的是栏目—-  —这里控制的是标题，标题链接—-  —–这里控制的是描述 日期：[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/]换成

    <a>@@##@@</a>

    登录后复制


    以上就是怎么控制列表页缩略图大小的详细内容，更多请关注米云其它相关文章！

    您可能还喜欢...