欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  程序教程

dedecms列表页缩略图大小控制的方法

程序员文章站 2022-02-16 19:18:44
...

织梦DedeCMS的缩略图功能还是比较强大的,不过织梦DedeCMS默认的缩略图是把图片缩放到指定的大小比例,这样就会造成缩略图被拉伸等而失真,关于织梦DedeCMS缩略图失真的解决办法,大家可以参考织梦DedeCms5.7缩略图变形解决方法一文,原理是把织梦DedeCMS的缩略图处理方式改为截取。dedecms列表页缩略图大小控制的方法

不过我们在使用织梦DedeCMS制作网站的时候,还需要考虑到缩略图大小问题,很多地方使用织梦DedeCMS缩略图是大小不一致的,比如列表页的缩略图和首页幻灯的缩略图等。怎么控制织梦DedeCMS缩略图的大小呢?

下面以织梦DedeCMS列表页面的缩略图为例说明,以下为织梦DedeCMS默认列表页面缩略图部分的代码:

{dede:list pagesize='10'} 

  • [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "dedecms列表页缩略图大小控制的方法"); [/field:array] [[field:typelink/]] [field:title/] 日期:[field:pubdate function="GetDateTimeMK(@me)"/] 点击:[field:click/] 好评:[field:scores/]

    [field:description/]...

  • {/dede:list}

    如果要控制上述代码中图片的大小,有以下的两种方法可供参考,一种是在CSS样式中控制,规定图片的高度、宽度等信息,默认模板可以使用下面的css代码控制:

    .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;
    }

    另一种方法是在织梦DedeCMS的标签中,有控制缩略图大小的属性,完善相关的属性即可,代码如下:

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

    织梦DedeCMS默认的缩略图功能还是不够完善,不能生成各种类型的缩略图以供选择,这点是可以完善的。希望织梦DedeCMS的下一个版本中,能够支持生成多类型的缩略图。