首页 > 其他分享 >PbootCMS幻灯片轮播图怎么调用

PbootCMS幻灯片轮播图怎么调用

时间:2024-09-14 14:35:07浏览次数:13  
标签:轮播 示例 slide num gid pboot 幻灯片 PbootCMS

在 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}

 

标签:轮播,示例,slide,num,gid,pboot,幻灯片,PbootCMS
From: https://www.cnblogs.com/hwrex/p/18413930

相关文章

  • PbootCMS设置当前站点模板,模板子目录,黑白名单,敏感词过滤
    在PBootCMS中,后台操作涉及多个配置项,包括更换模板路径、配置后台模板子目录、配置后台黑名单和白名单以及敏感词过滤。下面是详细的步骤和说明。1.更换模板路径步骤进入站点信息页面:登录PBootCMS后台。导航至 【基础内容】-【站点信息】-【站点模板】。选择模板......
  • PbootCMS怎么调用网站的留言数和文章总数
    在PBootCMS中,可以使用 pboot:sql 标签来自定义任意查询语句并循环输出。下面详细介绍如何使用此标签来调用网站的留言数和文章总数。1.调用网站的留言数示例代码html {pboot:sqlsql="selectcount(id)astotalfromay_message"}留言合计:[sql:total]条{/pbo......
  • PbootCMS会员相关标签调用
    在PBootCMS中,你可以通过一系列会员相关的标签来实现会员管理功能。以下是对这些标签的具体说明和使用方法:1.基本标签标签说明{pboot:ucenter}:个人中心地址{pboot:login}:登录地址{pboot:register}:注册地址{pboot:umodify}:资料修改地址{pboot:logout}:退出登录地址{pboot......
  • PbootCMS模板自动生成当前页面二维码
    在PBootCMS中,qrcode 标签用于生成对应文本的二维码图片。这对于产品列表页或详情页为每个产品生成二维码非常有用。以下是详细的使用说明和示例代码。1. qrcode 标签的基本用法参数说明string=*:指定生成二维码的文本内容。2.示例代码生成产品详情页的二维码假设你需......
  • PbootCMS时间标签date常用格式调用方法大全
    在使用PBootCMS建站时,时间标签是非常常用的功能之一。下面整理了详细的调用方法,帮助大家更好地理解和使用这些标签。首页/列表页时间标签默认格式:标签:[list:date]效果:2021-12-0609:12:30年月日格式(Y-m-d):标签:[list:datestyle=Y-m-d]效果:2021-12-06年格式(Y):标......