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

PbootCMS幻灯片轮播图怎么调用

时间:2024-09-14 14:35:07浏览次数:8  
标签:轮播 示例 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中,pboot:pics 标签用于依次输出指定内容的多张图片,适用于全站任意地方,尤其适用于产品内页的多图展示。下面是详细的使用说明和示例代码。1. pboot:pics 标签的基本用法控制参数id=*:内容ID号,必填,用于控制需要输出图片的内容。也可以使用 id={content:id} 或......
  • PbootCMS设置当前站点模板,模板子目录,黑白名单,敏感词过滤
    在PBootCMS中,后台操作涉及多个配置项,包括更换模板路径、配置后台模板子目录、配置后台黑名单和白名单以及敏感词过滤。下面是详细的步骤和说明。1.更换模板路径步骤进入站点信息页面:登录PBootCMS后台。导航至 【基础内容】-【站点信息】-【站点模板】。选择模板......
  • PbootCMS模板中那些url怎么调用
    在PBootCMS中,httpurl、pageurl 和 sitedomain 标签用于获取当前站点的相关网址信息。以下是详细的使用说明和示例代码。1.当前站点网址标签说明{pboot:httpurl}:自适应获取当前访问网址,主要用于需要使用网站路径前缀的情况。示例输出plaintext https://www.xxx.......
  • 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中,调用专题频道内容(如公司简介、联系我们等)可以通过 content 标签来实现。以下是具体的使用方法和示例代码:1. content 标签的基本用法参数说明id:文章内容或专题内容对应的ID。scode:栏目管理中该栏目的ID。示例代码html {pboot:contentid=1}......
  • PbootCMS模板自动生成当前页面二维码
    在PBootCMS中,qrcode 标签用于生成对应文本的二维码图片。这对于产品列表页或详情页为每个产品生成二维码非常有用。以下是详细的使用说明和示例代码。1. qrcode 标签的基本用法参数说明string=*:指定生成二维码的文本内容。2.示例代码生成产品详情页的二维码假设你需......
  • PbootCMS留言自定义表单怎么调用
    在PBootCMS中,你可以通过自定义表单和标签来实现留言功能。以下是详细的步骤和示例代码,帮助你在全站任意地方使用留言表单和留言记录列表。1.留言提交表单示例代码<formaction="{pboot:msgaction}"method="post">联系人:<inputtype="text"name="contacts"require......
  • Pbootcms将日期时间转换成"刚刚、几分钟、几小时前"的形式
    为了实现类似于“刚刚;1小时前;昨天几点几分;前天几点几分;年月日几点几分”的个性化日期效果,你需要按照以下步骤进行操作:找到 ExtLabelController.php 文件。添加新的方法 transtime。在 run 方法中调用 transtime 方法。在模板页面中使用该标签。具体步骤1.找到......
  • PbootCMS时间标签date常用格式调用方法大全
    在使用PBootCMS建站时,时间标签是非常常用的功能之一。下面整理了详细的调用方法,帮助大家更好地理解和使用这些标签。首页/列表页时间标签默认格式:标签:[list:date]效果:2021-12-0609:12:30年月日格式(Y-m-d):标签:[list:datestyle=Y-m-d]效果:2021-12-06年格式(Y):标......