在使用过程中,默认的标题图片只有一张,但对于一些图片网站或者有其他需求的网站来说,多图才是首选。好了,不废话,直接上教程(自己摸索的)。
首先到后台“模块管理”里找到缩略图字段(当然,也可以自己重新创建一个自定义字段),把缩略图字段类别改为“图片专用”。这样就可以了,里面可以设置图片上传张数。
接下来就是调取标签,如下:
列表页(其他页面也可以这样写)
{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懒加载和推迟解码的属性,自行选择要不要。
结束,干活去咯!