影视在线网-日本aa网站-伊人一二三区-国产帅男男gay在线观看|www.nianchuai.com

加截中...

PbootCMS 模板幻燈片調用代碼


PbootCMS 模板幻燈片調用代碼

一、功能需求

在 PbootCMS 模板開發中,需高效調用幻燈片(輪播圖) 并實現以下效果:


  • 按分組(gid)精準調用指定幻燈片;

  • 自定義顯示數量(num),適配不同布局(如首頁大圖、側邊小圖);

  • 支持圖片、鏈接、標題等多字段關聯,滿足復雜場景(如 Banner 圖 + 跳轉鏈接);

  • 兼容前端輪播插件(如 Swiper.js),實現自動輪播、懶加載等交互效果。

二、核心標簽與參數解析

PbootCMS 通過 {pboot:slide} 標簽調用幻燈片,支持多參數組合控制輸出,關鍵參數及字段說明如下:


標簽 / 字段作用說明示例值
{pboot:slide}幻燈片調用主標簽,需配合參數使用-
gid=*分組標識(必填),對應后臺 “幻燈片管理” 的分組 IDgid=1(調用 ID 為 1 的分組)
num=*顯示數量(非必填),默認顯示 5 條,可自定義(如num=10num=8(顯示 8 張幻燈片)
[slide:id]幻燈片 ID(用于唯一標識)123
[slide:src]圖片地址(后臺上傳的幻燈片原圖)/uploads/slide/1.jpg
[slide:link]跳轉鏈接(后臺設置的幻燈片鏈接)https://www.example.com
[slide:title]圖片標題(后臺填寫的幻燈片標題)首頁輪播圖
[slide:subtitle]圖片副標題(后臺填寫的幻燈片副標題)2024新品首發
[slide:n]序號(從 0 開始),用于控制輪播順序0(第一張)
[slide:i]序號(從 1 開始),用于計數或分頁1(第一張)


三、基礎調用示例(純靜態輸出)

以下為最簡單的幻燈片調用代碼,直接輸出圖片 + 鏈接,適用于基礎場景:

{pboot:slide gid=1 num=5}
    <a href="[slide:link]" target="_blank">
        <img src="[slide:src]" alt="[slide:title]">
    </a>
{/pboot:slide}


代碼解析

  • gid=1:調用后臺 “分組 ID 為 1” 的幻燈片(需提前在后臺→幻燈片管理中創建分組并上傳圖片)。

  • num=5:限制顯示 5 張幻燈片(若分組內不足 5 張,則顯示實際數量)。

  • [slide:link] + [slide:src]:分別輸出圖片鏈接和圖片地址,實現 “點擊圖片跳轉” 功能。


四、注意事項

  1. 分組 ID 一致性:后臺 “幻燈片管理” 中創建的分組 ID 需與代碼中gid嚴格一致,否則無法調用。

  2. 圖片尺寸統一性:上傳幻燈片時建議統一尺寸(如 1920×600px),避免前端顯示變形。

  3. 鏈接有效性:后臺設置的幻燈片鏈接需驗證有效性,避免 404 錯誤。

  4. 緩存問題:若修改幻燈片后前端無變化,需清理 PbootCMS 緩存(后臺→系統設置→緩存設置)。



在線客服
服務熱線

服務熱線

13648088499

微信咨詢
二維碼
返回頂部