pbootcms模板调用幻灯片轮播图标签

wdzsjl 2个月前 (10-10) 阅读数 17 #PHP

在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}:用于设置第一个幻灯片为默认激活状态。
wx.jpg ywfw.jpg
热门