中国战神 發表於 2020-1-2 20:44:15

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

<p>dede列表页缩略图大小控制的方法,列表开始</p>
<p>织梦模板在制作过程中经常会有列表页中调用图片作为缩略图的情况,这里的缩略图都是默认就设置好的,如果想要更改这里缩略图大小,还要更改一些参数,要么就要在调用的时候控制图片的大小。</p>
<p>在调用织梦图片的时候使用的</p>
<blockquote>
<p>src='{@me['litpic']}'</p>
</blockquote>
<p>或</p>
<blockquote>
<p></p>
</blockquote>
<p>也可以在调用的时候就加上控制的大小,</p>
<blockquote>
<p>&lt;a href=&quot;mailto:src='{@me['litpic']}'&quot;&gt;&lt;img src='{@me['litpic']}' imgwidth='300' imgheight='370' /&gt;&lt;/a&gt;</p>
</blockquote>
<p>在模板中想要更改图片的大小还是要用css来控制,这里有两个方法:</p>
<p>(一)用css中的样式大小控制,打开templets/style/picture.css文件</p>
<p>pic 样式</p>
<blockquote>
<p>.pic dl dt{<br />
width:188px;<br />
height:132px;<br />
display:block;<br />
overflow:hidden;<br />
}<br />
.pic dl dt a img{<br />
display:block;<br />
width:expression(this.width &gt; this.height &amp;&amp; this.width &gt;176 ? 176 : true);<br />
height:expression(this.height &gt; this.width &amp;&amp; this.height &gt; 132? 132 : true);<br />
max-width:176px;<br />
max-height:132px;<br />
margin:0px auto 0px;<br />
}</p>
</blockquote>
<p>这样只要在调用图片的时候给图片一个pic的属性就可以了,这样调用出来的图片就可以受到控制了。</p>
<p>(二)直接用缩略图的大小进行控制</p>
<blockquote>
<p>{dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}</p>
</blockquote>
<p>也可以把调用代码中标签换成</p>
<blockquote>
<p>&lt;a href='' target=&quot;_blank&quot;&gt;&lt;img src='' border='0' width='' height=''&gt;&lt;/a&gt;</p>
</blockquote>
<p>完成。</p>
<p><br>
頁: [1]
查看完整版本: dedecms列表页缩略图大小控制的方法