列表中调用多图显示的文章

2024-01-27 11:51 小编

有的新闻是单图模式,有的新闻是多图模式(如下图)。

如果内容有3张图以上的显示下面多图模式,如果少于3张图的显示单图模式。

image.png

方案一、创建多图字段,把默认的thumb缩略图禁用掉

1、创建多图字段,类型为image,名称为xinsuoluetu


image.png

2、禁用之前的thumb字段

image.png

3、进入发布页面,发布文章时上传多张图

image.png

4、重要部分,就是列表如何去调用它了

{if dr_count($t.xinsuoluetu) >= 3}

3张以上就显示全部

{loop $t.xinsuoluetu $tt}

<img src="{dr_get_file($tt)}">

{/loop}

{else}

不满足3张的,显示一张

<img src="{dr_get_file($t['xinsuoluetu'][0])}">

{/if}

方案二、提取内容中的图片

1、首先要获取内容字段,参考教材方案:https://www.xunruicms.com/doc/678.html


2、提取内容字段中的图片,比如内容字段是content

{php $imgs = dr_get_content_img($t.content);}

{loop $imgs $img}

<img src="{$img}">

{/loop}

图片总数量:{dr_count($imgs)}

提取3张图片写法:

{php $imgs = dr_get_content_img($t.content, 3);}

{loop $imgs $img}

<img src="{$img}">

{/loop}

图片总数量:{dr_count($imgs)}




在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码