在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>
说明
-
基本结构:
<div class="carousel">
和<div class="carousel-inner">
是轮播图的基本结构。{pboot:slide gid="group1" num="5"}
开始循环遍历指定分组的幻灯片。{/pboot:slide}
结束循环。
-
控制参数:
gid="group1"
:指定幻灯片分组,必填。num="5"
:指定输出数量,默认为5个。
-
模板变量:
[slide:src]
:获取幻灯片图片的路径。[slide:title]
:获取幻灯片的标题。[slide:description]
:获取幻灯片的描述。[slide:index]
:获取当前幻灯片的索引。
-
条件判断:
{if [slide:index]==1} active{/if}
:用于设置第一个幻灯片为默认激活状态。