Xunruicms标题多图添加方法及调用标签

在使用过程中,默认的标题图片只有一张,但对于一些图片网站或者有其他需求的网站来说,多图才是首选。好了,不废话,直接上教程(自己摸索的)。

首先到后台“模块管理”里找到缩略图字段(当然,也可以自己重新创建一个自定义字段),把缩略图字段类别改为“图片专用”。这样就可以了,里面可以设置图片上传张数。

接下来就是调取标签,如下:

列表页(其他页面也可以这样写)

{if dr_count($rs.thumb) >= 3}
{loop $rs.thumb $tt}
<img class="img-fluid" src="{dr_get_file($tt)}" />
{/loop}
{else}
<img class="img-fluid" src="{dr_get_file($rs['thumb'][0])}" />
{/if}

注: >=3是控制图片调取数量的。图片超过3张,则调用首图。

内容页

{loop $thumb $i $c}
<img class="img-fluid" src="{dr_thumb($c)}" alt="{$title}" loading="lazy" decoding="async" />
{/loop}

搞定~

 loading="lazy" decoding="async" 

图片标签里的这两个属性是h5懒加载和推迟解码的属性,自行选择要不要。

结束,干活去咯!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容