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

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


方案一、创建多图字段,把默认的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)}