首页 > 教程 >
织梦dedecms列表页中缩略图大小如何控制
2023-03-05教程围观次
简介织梦dedecms列表页中缩略图大小如何控制具体方法如下:列表开始代码示例:{dede:listpagesize='10'}----调用的条数10条---[field:arrayrunphp='yes']@me=(empty(@me['litpic'])?"":"href='{@me['arcurl']}'class='preview'>this.height&&this.width>176?17
织梦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:type /]</b>] ----这里控制的是栏目---- <a href="[field:arcurl/]" class=" ">[field: /]</a> ---这里控制的是标题,标题链接---- <span class="info"> -----这里控制的是描述 <small>日期:</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>点击:</small>[field:click/] <small>好评:</small>[field:scores/] </span> <p class="intro"> [field:de ion/]... </p> ----描述----- </li> {/dede:list} 控制图片的高度需要修改: 方法1: 这个模板的图片大小控制是由CSS控制的 要修改CSS 右边图片区域修改 templets/style/picture.css文件 .pbox 样式 如图片大小 代码示例: .pbox dl dt{ width:188px; height:132px; display:block; overflow:hidden; } .pbox dl dt a img{ display:block; width: (this.width > this.height && this.width >176 ? 176 : true); height: (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: 把调用代码中标签[field:img /]换成 代码示例: <a href='[field:arcurl /]' target="_blank"><img src='[field:picname /]' border='0' width='' height=''></a> 有了以上的方法,在dedecms列表页就可以自如地控制缩略图的大小了,美观大方的页面就会展现在面前了。 脚本学堂,祝大家学习快乐,用织梦dedecms建站,高效而高兴,哈~~~ |
下载链接:网站源码/小程序源码/网站模板下载
下载排行
最新发布
-
最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
-
群多多社群人脉H5-2.1.4多开插件+小程序独立前端+搭建教程
-
七夕情侣飞行棋游戏限定版本源码/解锁版
-
苹果CMS海螺模版V20修复版/加广告代码
-
宠物社区风格 商业版(GBK)Discuz模板
-
全新UI基于Thinkphp的最新自助打印系统/云打印小程序源码/附教程
-
易优CMS家纺家居装饰类网站模板/EyouCMS家具家居类企业网站模板
-
EyouCMS艺术***摄影工作室网站模板/易优CMS摄影工作室网站模板
-
易优CMS响应式精品茶具实木茶盘销售网站模板/EyouCMS响应式酒水饮料类企业网站模板
-
EyouCMS响应式推土机挖掘机机械类网站模板/易优CMS机械设备类企业网站模板