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

字號(hào):


    有時(shí)候我們?cè)谥谱骺s略圖的時(shí)候,需要考慮到縮略圖大小問題,這里簡(jiǎn)單分享下,方便需要的朋友
    dede列表頁縮略圖大小控制的方法,列表開始
    代碼如下:
    {dede:list pagesize='10'} ----調(diào)用的條數(shù)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> 這里現(xiàn)在的是寬度:
    img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> iwidth='300' height='370' 這里控制了寬度的大小,以及高度
    --------------------------------------
    [<b>[field:typelink/]</b>] ----這里控制的是欄目----
    <a href="[field:arcurl/]">[field:title/]</a> ---這里控制的是標(biāo)題,標(biāo)題鏈接----
    <span> -----這里控制的是描述
    <small>日期:</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>點(diǎn)擊:</small>[field:click/] <small>好評(píng):</small>[field:scores/] </span>
    <p> [field:description/]... </p> ----描述-----
    </li>
    {/dede:list}
    如果要控制圖片的高度需要修改:
    方法1:
    這個(gè)模板的圖片大小控制是由CSS控制的
    要修改CSS
    右邊圖片區(qū)域修改
    templets/style/picture.css文件
    .pbox 樣式
    如圖片大小
    .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;
    }
    方法2:
    {dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}
    方法3:
    把調(diào)用代碼中標(biāo)簽[field:imglink/]換成
    <a href='[field:arcurl /]' target="_blank"><img src='[field:picname /]' border='0' width='' height=''></a>