最新消息:郑州SEO笔记与大家一起分享和学习seo知识,一起分析网站seo案例,探析seo技巧!

eyoucms缩略图调用,直接指定图片裁剪大小

易优cms admin 706浏览

在使用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}

转载请注明:郑州SEO优化_郑州网站优化 » eyoucms缩略图调用,直接指定图片裁剪大小