欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > cms使用教程 > 织梦仿站教程 >

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

发布时间:2017-02-14  编辑:杨雨个人博客网站   点击:   

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

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

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

 

{dede:list pagesize=http://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach10}

[field:array runphp=http://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attachyes]@me = (empty(@me[://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach]) ? "" : "

织梦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=http://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach15 imgwidth=http://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach100 imgheight=http://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach70 infolen=http://itbyc.com/data/attachment/portal/201702/06/083046c0l2k6617c8lylbc.attach180}

 

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

本文地址:http://itbyc.com/web/dedecms/15309.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1