在使用eyoucms调用带有图片的文章列表时候,发现不知道是否因为网站本身css的问题,还是什么问题,导致如果图片太大或者太小,缩略不能像div当中指定的高度和宽度那样显示,会有一些错位。查看官方使用帮助后发现可以按照下列方法。
【标签方法的格式】 thumb_img=###,宽度,高度,生成方式 【指定宽高度的调用】 列表页/内容页:{$eyou.field.litpic|thumb_img=###,500,500} 标签arclist/list里:{$field.litpic|thumb_img=###,500,500} 【指定生成方式的调用】 生成方式:1 = 拉伸;2 = 留白;3 = 截减; 以标签arclist为例: 缩略图拉伸:{$field.litpic|thumb_img=###,500,500,1} 缩略图留白:{$field.litpic|thumb_img=###,500,500,2} 缩略图截减:{$field.litpic|thumb_img=###,500,500,3} 默 认 生 成:{$field.litpic|thumb_img=###,500,500} (以默认全局配置的生成方式)
就例如下面的代码当中,如果只是靠着img width=”480″ height=”320″还是会导致错位,这个可能和网站本身的css相关,但是为了解决问题,可以在调用的时候直接按照src=”{$field.litpic|thumb_img=###,216,144,3}”进行调用,3代表是裁剪
{eyou:arclist typeid="84" row="10" titlelen="40" orderby="new" orderway="desc" } <li class="post-item"> <div class="p-item-wrap"> <a class="thumb" href="{$field.arcurl}" title="{$field.title}" target="_blank" rel="bookmark"> <img width="480" height="320" src="{$field.litpic|thumb_img=###,216,144,3}" class="attachment-post-thumbnail size-post-thumbnail wp-post-image j-lazy" alt="{$field.title}" /> </a> <h3 class="title"> <a href="{$field.arcurl}" target="_blank" rel="bookmark">{$field.title}</a> </h3> </div> </li> {/eyou:arclist}