在PbootCMS中,你可以使用 {pboot:slide} 标签来调用幻灯片轮播图。以下是如何在模板中使用该标签的具体方法:

幻灯片轮播图标签示例

1. 基本用法

假设你需要在一个页面上显示某个分组的幻灯片轮播图,可以按照以下方式编写模板代码:

html
 
<!-- 示例:幻灯片轮播图 -->
<div class="carousel">
<div class="carousel-inner">
{pboot:slide gid="group1" num="5"}
<div class="carousel-item{if [slide:index]==1} active{/if}">
<img src="[slide:src]" alt="[slide:title]" />
<div class="carousel-caption">
<h3>[slide:title]</h3>
<p>[slide:description]</p>
</div>
</div>
{/pboot:slide}
</div>
</div>

说明

  1. 基本结构

    • <div class="carousel"> 和 <div class="carousel-inner"> 是轮播图的基本结构。
    • {pboot:slide gid="group1" num="5"} 开始循环遍历指定分组的幻灯片。
    • {/pboot:slide} 结束循环。
  2. 控制参数

    • gid="group1":指定幻灯片分组,必填。
    • num="5":指定输出数量,默认为5个。
  3. 模板变量

    • [slide:src]:获取幻灯片图片的路径。
    • [slide:title]:获取幻灯片的标题。
    • [slide:description]:获取幻灯片的描述。
    • [slide:index]:获取当前幻灯片的索引。
  4. 条件判断

    • {if [slide:index]==1} active{/if}:用于设置第一个幻灯片为默认激活状态。