织梦图集内容怎么调用

{dede:arclist} 是调用文章列表的万能标签，同样可以用来调用图集，它的优势在于非常灵活，可以和普通文章混合调用,并且支持各种强大的筛选条件。

基本语法：

{dede:arclist flag='p' typeid='栏目ID' row='10' titlelen='30'}
    <a href="[field:arcurl/]">
        <img src="[field:litpic/]" alt="[field:title/]" />
        <p>[field:title/]</p>
    </a>
{/dede:arclist}

常用参数详解：

• flag='p'：关键参数。p 代表“图片”，即调用图集类型的文章，如果省略,会调用所有类型的文章。
• typeid='栏目ID'：指定调用某个特定栏目下的图集。typeid='5'，如果想调用多个栏目，用逗号隔开，如 typeid='5,6,7'。
• row='10'：调用图集的数量，len='30'`：标题长度,字符数。
• innertext=''：在 {dede:arclist} 和 {/dede:arclist} 之间的代码是循环模板,你可以自定义这里的HTML结构。
• channelid='1'模型ID，普通文章模型ID通常是1，如果你的图集是在独立模型里,可能需要调整。

图集特有的调用字段：

• [field:litpic/]：调用图集的封面图片,这是图集列表页最常用的字段。
• [field:arcurl/]：调用图集的详细页链接。
• [field:title/]：调用图集的。
• [field:textlink/]的超链接形式。

示例：调用首页指定栏目的图集列表

假设你要调用ID为“3”的栏目下的6个图集,显示封面图和标题。

<div class="photo-gallery">
    <h2>最新图集</h2>
    <ul>
        {dede:arclist typeid='3' row='6' flag='p'}
        <li>
            <a href="[field:arcurl/]">
                <img src="[field:litpic/]" alt="[field:title/]" />
                <span class="title">[field:title/]</span>
            </a>
        </li>
        {/dede:arclist}
    </ul>
</div>

方法2：使用 {dede:imglist} 调用（仅在图集列表页使用）

{dede:imglist} 是一个专用标签，用于在图集的列表页（通常是栏目页或首页的图集列表）中调用图集。

基本语法：

{dede:imglist row='10' titlelen='20'}
    <dd>
        <a href="[field:arcurl/]">
            <img src="[field:imgsrc/]" alt="[field:text/]" />
            <p>[field:text/]</p>
        </a>
    </dd>
{/dede:imglist}

常用参数：

• row='10'：调用数量，len='20'`：图片说明的长度。
• typeid='栏目ID'：指定栏目。

图集特有的调用字段：

• [field:imgsrc/]：调用图集中的单张图片的地址。
• [field:text/]：调用这张图片的说明文字。
• [field:arcurl/]：调用图集的详细页链接。

注意： {dede:imglist} 会在一个图集里循环遍历所有图片，如果你只想显示每个图集的封面，应该使用 {dede:arclist},这个标签通常用在需要展示所有图片的瀑布流等布局中。

方法3：使用 {dede:list} 调用（在栏目列表页使用）

如果你在一个图集栏目列表页（list_article.htm），想调用该栏目下的所有图集，可以直接使用 {dede:list}。

基本语法：

{dede:list pagesize='10' flag='p'}
    <li>
        <a href="[field:arcurl/]">
            <img src="[field:litpic/]" alt="[field:title/]" />
            <h3>[field:title/]</h3>
            <span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
        </a>
    </li>
{/dede:list}

参数和字段： 与 {dede:arclist} 基本一致。flag='p' 同样是筛选图集的关键。

进阶调用：获取图集详细页内的所有图片

我们想在图集的详细页（article_article.htm）里,调用该图集包含的所有图片和说明。

这时，我们需要使用 {dede:field name='imgurls'}

基本语法：

{dede:field name='imgurls'}
    <dd>
        <a href="[field:imgsrc/]" title="[field:text/]">
            <img src="[field:imgsrc/]" alt="[field:text/]" />
        </a>
        <p class="description">[field:text/]</p>
    </dd>
{/dede:field}

<div class="slideshow">
    <!-- 轮播图主图 -->
    <div class="main-image">
        {dede:field name='imgurls'}
        <img src="[field:imgsrc/]" alt="[field:text/]" />
        {/dede:field}
    </div>
    <!-- 缩略图列表 -->
    <div class="thumbnail-list">
        {dede:field name='imgurls'}
        <a href="[field:imgsrc/]" title="[field/text/]">
            <img src="[field:imgsrc/]" alt="[field:text/]" />
        </a>
        {/dede:field}
    </div>
</div>

{dede:arclist row='5' flag='p'}
    <li>
        <!-- 使用[field:array.runphp='yes']来获取第一张图 -->
        [field:array runphp='yes']
            $dsql = new DedeSql(false);
            $arcid = @me['id'];
            $imgurls = @me['imgurls'];
            // 如果imgurls不为空，说明是图集
            if($imgurls){
                // 解析imgurls，获取第一张图的地址
                $img_array = GetImage($imgurls, 1);
                $img_url = $img_array[0];
                // 输出第一张图的地址
                @me = $img_url;
            }else{
                @me = @me['litpic']; // 如果不是图集，使用默认封面
            }
        [/field:array]
        <a href="[field:arcurl/]">
            <img src="{@me}" alt="[field:title/]" />
        </a>
    </li>
{/dede:arclist}

{dede:arclist row='6' flag='p'}
    <a href="[field:arcurl/]">
        <!-- 使用CSS控制图片大小 -->
        <img src="[field:litpic/]" alt="[field:title/]" class="thumb" />
        <p>[field:title/]</p>
    </a>
{/dede:arclist}

.thumb {
    width: 200px;
    height: 150px;
    object-fit: cover; /* 保持图片比例并填充区域，防止变形 */
}