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

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

有时候，我们在做缩略图的时候，不得不考虑缩略图大小的问题。这里分享一下，方便又有必要。

Dede列表页面缩略图大小 *** 作方式，列表刚开始。

复制代码编码以下:
{dede:listpagesize='10'}----启用的总数10条---
<li>
[field:arrayrunphp='yes']@me=(empty(@me['litpic'])?"":"<a<ahref="mailto:href='{@me['arcurl']}'">href='{@me['arcurl']}'</a>class='preview'><img<ahref="mailto:src='{@me['litpic']}'/></a">src='{@me['litpic']}'/></a</a>>");
[/field:array]---这儿 *** 纵的是缩略图----假如要 *** 纵照片的高宽比必须改动：<img<ahref="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a>这儿如今的是总宽：
img<ahref="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a>iwidth='300'height='370'这儿 *** 纵了总宽的尺寸，及其高宽比
--------------------------------------
[[field:typelink/]]----这儿 *** 纵的是频道----
<ahref="[field:arcurl/]"class="title">[field:title/]</a>---这儿 *** 纵的是题目，题目连接----
<spanclass="info">-----这儿 *** 纵的是叙述
<small>日期：</small>[field:pubdatefunction="GetDateTimeMK(@me)"/]<small>点一下：</small>[field:click/]<small>五星好评：</small>[field:scores/]</span>
<pclass="intro">[field:description/]...</p>----叙述-----
</li>
{/dede:list}

复制代码如下:
{dede:listpagesize='10'}-启用的总数为10-
[field:arrayrunphp='yes']@me=(empty(@me['litpic'])？"":"<a<ahref="mailto:href='{@me['arcurl']}'">；href='{@me['arcurl']}'<；/a>；class='preview'><img<ahref="mailto:src='{@me['litpic']}'/>；</a">；src='{@me['litpic']}'/>；</a<；/a>；>);
[/field:array]-缩略图是在这里 *** 纵的——如果你想 *** 纵照片的长宽比，必须更改:img-ahref="[field:arcurl/]"class="title">；[field:title/]<；/a>；-在这里，主题被 *** 纵，主题被连接-
<；pclass="intro">[字段:描述/]...</p>；-旁白-
{/dede:list}

如果您想控制照片的长宽比，您必须更改它:

模式1:

这一模版的图片尺寸 *** 纵是由CSS *** 纵的
要改动CSS
右侧照片地区改动
templets/style/picture.css文件
.pbox款式
如图片尺寸
.pboxdldt{
width:188px;
height:132px;
display:block;
overflow:hidden;
}
.pboxdldtaimg{
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:1080xauto1080x;
}这个模板的图片大小是由CSS
来 *** 纵的，来改变CSS
来改变右边照片的区域
templates/style/picture.CSS文件
。pbox样式
，例如图像尺寸
。PBOXDLDT{

身高:132px
显示:阻止；
溢出:隐藏；
}
。pboxdldtaimg{
显示:block
width:expression(this.width>；这.身高&&this.width>176?176:真)；
height:expression(this.height>；宽度&&this.height>132?132:真)；
最大宽度:176px
max-height:132px；
边距:1080x自动1080x；
}

模式二:

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

模式3:

把启用编码中标识[field:imglink/]换为
<ahref='[field:arcurl/]'target="_blank"><imgsrc='[field:picname/]'border='0'width=''height=''></a>
将启用代码中的标识符[field:imglink/]更改为