国内精品久久久久影院薰衣草,在线播放69热精品视频

主頁 > 網站建設 > 建站知識 > 織夢列表頁縮略圖大小控制的方法

織夢列表頁縮略圖大小控制的方法

POST TIME:2017-11-13 00:33

工業(yè)環(huán)保工程類企業(yè)網站織夢模板(帶手機端)

軟件APP類網站源碼織夢通用型企業(yè)網站源碼html

藍色安防器材公司類整站模板

html5響應式網站織夢模板源碼IT網絡工作室織夢網

　　織夢DedeCMS的縮略圖功能還是比較強大的，不過織夢DedeCMS默認的縮略圖是把圖片縮放到指定的大小比例，這樣就會造成縮略圖被拉伸等而失真，關于織夢DedeCMS縮略圖失真的解決辦法，織夢DedeCms5.7縮略圖變形解決方法一文，原理是把織夢DedeCMS的縮略圖處理方式改為截取。

　　不過我們在使用織夢DedeCMS制作網站的時候，還需要考慮到縮略圖大小問題，很多地方使用織夢DedeCMS縮略圖是大小不一致的，比如列表頁的縮略圖和首頁幻燈的縮略圖等。怎么控制織夢DedeCMS縮略圖的大小呢?

　　下面以織夢DedeCMS列表頁面的縮略圖為例說明，以下為織夢DedeCMS默認列表頁面縮略圖部分的代碼：

		
								{dede:list pagesize='10'} 

								<!--調用的條數10條-->

								<li> 

								[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a <a href="mailto:href='{@me['arcurl']}'">href='{@me['arcurl']}'</a> class='preview'><img <a href="mailto:src='{@me['litpic']}'/></a">src='{@me['litpic']}'/></a</a>>"); 

								[/field:array] 

								<!--這里控制的是縮略圖-->

								<!--如果要控制圖片的高度需要修改： <img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> 這里現在的是寬度：

								img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> iwidth='300' height='370' 這里控制了寬度的大小，以及高度

								-->

								[<b>[field:typelink/]</b>] 

								<!--這里控制的是欄目-->

								<a href="[field:arcurl/]" class="title">[field:title/] 

								<!--這里控制的是標題，標題鏈接-->

								<span class="info"> 

								<!--這里控制的是描述-->

								<small>日期：</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>點擊：</small>[field:click/] <small>好評：</small>[field:scores/] </span>

								<p class="intro"> [field:description/]... </p> 

								<!--描述-->

								</li>

								{/dede:list}

　　如果要控制上述代碼中圖片的大小，有以下的兩種方法可供參考，一種是在CSS樣式中控制，規(guī)定圖片的高度、寬度等信息，默認模板可以使用下面的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;

						}