PbootCMS幻灯片轮播图怎么调用

更新日期：2024-09-19 19:02:14 来源：网络

在 PBootCMS 中，使用幻灯片轮播图标签可以方便地在全站任意位置调用指定分组的幻灯片图片。以下是如何使用该标签的具体步骤和示例代码。

1. 幻灯片轮播图列表

基本用法

html

{pboot:slide gid=* num=*}
    <img src="[slide:src]">
{/pboot:slide}

2. 控制参数

gid=*：分组，必填，用于控制需要输出的幻灯片分组。
num=*：数量，非必填，用于控制需要输出的数量，默认为5个。

3. 可使用的列表标签

[slide:n]：序号从0开始。
[slide:i]：序号从1开始。
[slide:id]：编号。
[slide:src]：图片地址。
[slide:link]：链接地址。
[slide:title]：标题。
[slide:subtitle]：副标题。

4. 示例代码

示例 1：基本用法

{pboot:slide gid="main" num="5"}
    <div class="slide-item">
        <img src="[slide:src]" alt="[slide:title]">
        <a href="[slide:link]">查看详情</a>
    </div>
{/pboot:slide}

示例 2：包含更多属性

{pboot:slide gid="main" num="5"}
    <div class="slide-item">
        <img src="[slide:src]" alt="[slide:title]" title="[slide:title]">
        <div class="slide-caption">
            <h3>[slide:title]</h3>
            <p>[slide:subtitle]</p>
            <a href="[slide:link]">查看详情</a>
        </div>
    </div>
{/pboot:slide}

当前位置:首页 > CMS