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

织梦dedecms的缩略图功能还是比较强大的，不过织梦DedeCMS默认的缩略图是把图片缩放到指定的大小比例，这样就会造成缩略图被拉伸等而失真。

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 {dede:list pagesize=http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach10http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach} [field:array runphp=http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attachyeshttp://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach]@me = (empty(@me[http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attachlitpichttp://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach]) ? "" : ""); [/field:array] [[field:typelink/]] [field:title/] 日期：[field:pubdate function="GetDateTimeMK(@me)"/] 点击：[field:click/] 好评：[field:scores/]

[field:description/]...

{/dede:list}

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 .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的标签中，有控制缩略图大小的属性，完善相关的属性即可，代码如下：

1 {dede:list pagesize=http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach15http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach imgwidth=http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach100http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach imgheight=http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach70http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach infolen=http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach180http://www.moke8.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach}

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