织梦dedecms列表页中缩略图大小如何控制
列表开始
代码示例:
{dede:listpagesize=I.0}----调用的条数I.0条---
[field:arrayrunphp=yes]@me=(empty(@me[l
更多精彩就在: 51免费论文网|www.jxszl.com
itpic])?"":"href={@me[arcurl]}class=preview>
[/field:array]---这里控制的是缩略图----如果要控制图片的高度需要修改:
img
--------------------------------------
[[field:typelink/]]----这里控制的是栏目----
日期:[field:pubdatefunction="GetDateTimeMK(@me)"/]点击:[field:click/]好评:[field:scores/]
{/dede:list}
控制图片的高度需要修改:
方法I.:
这个模板的图片大小控制是由CSS控制的
要修改CSS
右边图片区域修改
templets/style/picture.css文件
.pbox样式
如图片大小
代码示例:
.pboxdldt{
width:I.VIIIVIIIpx;
height:I.IIIIIpx;
display:block;
overflow:hidden;
}
.pboxdldtaimg{
display:block;
width:expression(this.width>this.height&&this.width>I.VIIVI?I.VIIVI:true);
height:expression(this.height>this.width&&this.height>I.IIIII?I.IIIII:true);
max-width:I.VIIVIpx;
max-height:I.IIIIIpx;
margin:0pxauto0px;
}
方法II:
代码示例:
{dede:listpagesize=I.Vimgwidth=I.00imgheight=VII0infolen=I.VIII0}
方法III:
把调用代码中标签[field:imglink/]换成
代码示例:
有了以上的方法,在dedecms列表页就可以自如地控制缩略图的大小了,美观大方的页面就会展现在面前了.
原文链接:http://www.jxszl.com/biancheng/dedecms/75137.html
热门阅读