href={@me[arcurl]}class=preview>

"景先生毕设|www.jxszl.com

织梦dedecms列表页中缩略图大小如何控制

2022-10-29 16:28编辑: www.jxszl.com景先生毕设
织梦dedecms列表页中缩略图大小如何控制具体方法如下:
列表开始

代码示例:
{dede:listpagesize=I.0}----调用的条数I.0条---

  • [field:arrayrunphp=yes]@me=(empty(@me[l

     更多精彩就在: 51免费论文网|www.jxszl.com 
    itpic])?"":"href={@me[arcurl]}class=preview>src={@me[litpic]}/>>");
    [/field:array]---这里控制的是缩略图----如果要控制图片的高度需要修改:src={@me[litpic]}这里现在的是宽度:
    imgsrc={@me[litpic]}iwidth=III00height=IIIVII0这里控制了宽度的大小,以及高度
    --------------------------------------
    [[field:typelink/]]----这里控制的是栏目----
    [field:title/]---这里控制的是标题,标题链接----
    -----这里控制的是描述
    日期:[field:pubdatefunction="GetDateTimeMK(@me)"/]点击:[field:click/]好评:[field:scores/]
    [field:description/]...

    ----描述-----

  • {/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