利用内容页图片展示多张缩略图

2019-10-29 作者:torylf 分类:实用技巧 阅读:2074

在标签循环数据列表中 , 可以直接调用内容里的多图进行排列展示,比如:

{qb:tag name="xxx" type="cms"}

       下面代码放入此处...

{/qb:tag}


1第一种情况,内容部分有多张图,想选取做为缩略图,如果没有图的再利用缩略图字段的图

{if(count(fun("Content@get_images",$rs['full_content'])) >=3 )}
    {volist name=":fun('Content@get_images',$rs['full_content'])" id="vo"}
          <span><img src="{$vo.picurl}" width="100px" height="100px" /></span>
    {/volist}
    {else /}
    <span><img src="{$rs.picurl}" width="100px" height="100px" /></span>
{/if}

第一行可以修改参数 >=3 即当内容图片中图片数量大于等于3的时候,就显示多图,否则显示缩略图

图片大小尺寸可以自行修改,也可以自行定义css样式


2第二种情况,未安装获取缩略图钩子,直接使用内容图片得到缩略图

{if(count(fun("Content@get_images",$rs['full_content'])))}
        {volist name=":fun('Content@get_images',$rs['full_content'])" id="vo"}
              <span><img src="{$vo.picurl}" onerror="javascript:this.src='__STATIC__/blueTT/img/nopic.png'" width="100px" height="100px" /></span>
        {/volist}
    {else /}
    <span><img src="__STATIC__/blueTT/img/nopic.png"  width="100px" height="100px" /></span>
 /if}


来源: 神盾工作室    转载请注明出处!

本文地址:https://www.shieldsoho.com/article/22.html

{{item.nickname}} @回复
发表于{{item.create_time}}

  • {{replyitem.nickname}} {{item.create_time}}
    @{{item.nickname}}

查看更多评论