如何在织梦DedeCMS的列表页和内页中调用多张图片展示图集？

本文将详细介绍如何在织梦DedeCMS的列表页和内页中调用图集多张图片，通过以下步骤，您可以轻松实现在列表页和内容页中显示图集中的多张图片。

准备工作

在开始之前，请确保您已经正确安装了DedeCMS，并且已经创建了相应的图集模型，如果还没有创建图集模型，可以参考DedeCMS官方文档进行创建。

修改列表页模板

1、找到列表页模板文件：

列表页模板文件位于/templets/default/article_article_list.htm（具体路径可能因安装时设置不同而异）。

2、编辑模板文件：

使用文本编辑器打开article_article_list.htm 文件，找到需要插入图片的位置。

3、添加代码：

在需要插入图片的位置，添加如下代码：

   {dede:field name='image'}/}

这段代码将会调用文章的第一张图片，如果您需要调用多张图片，可以使用循环标签来实现，假设每篇文章包含三张图片，可以这样写：

   <div class="gallery">
       {dede:field name='body' function='GetAttValue(@me, image)' runph='yes'}
           <img src="[field:attvalue function='GetAttUrl(@me)'/]" alt="[field:attname/]">
       {/dede:field}
   </div>

1、页模板文件：

内容页模板文件位于/templets/default/article_article_detail.htm（具体路径可能因安装时设置不同而异）。

2、编辑模板文件：

使用文本编辑器打开article_article_detail.htm 文件，找到需要插入图片的位置。

3、添加代码：

在需要插入图片的位置，添加如下代码：

   {dede:field name='image' function='GetAttValue(@me, image)' runphp='yes'}
       <img src="[field:atturl/]" alt="[field:attname/]">
   {/dede:field}

这段代码将会调用文章的所有图片，如果您需要调用特定数量的图片，可以使用循环标签来实现，假设每篇文章包含三张图片，可以这样写：

   <div class="gallery">
       {dede:field name='body' function='GetAttValue(@me, image)' runphp='yes'}
           <img src="[field:atturl/]" alt="[field:attname/]">
       {/dede:field}
   </div>

保存并更新缓存

完成上述操作后，保存所有更改并更新DedeCMS的缓存，进入后台管理界面，依次点击“系统” > “缓存更新”，然后选择“更新所有缓存”。

查看效果

您可以在前台查看列表页和内容页中的图集多张图片是否已经成功显示，如果有任何问题，请检查模板文件中的代码是否正确。

FAQs

Q1：如何在列表页中显示缩略图？

A1：在列表页模板文件中，您可以使用以下代码来显示缩略图：

{dede:field name='image' function='GetAttValue(@me, small_image)' runphp='yes'}
    <img src="[field:atturl/]" alt="[field:attname/]">
{/dede:field}

Q2：如何限制显示的图片数量？

A2：要限制显示的图片数量，可以在循环标签中添加条件判断，只显示前3张图片：

<div class="gallery">
    {dede:field name='body' function='GetAttValue(@me, image)' runphp='yes'}
        <! 判断当前图片是否是前3张 >
        {if $num <= 3}
            <img src="[field:atturl/]" alt="[field:attname/]">
            {assign var='num' value=$num+1}
        {/if}
    {/dede:field}
</div>