時間: 2024-02-25 10:04 閱讀: 次 作者:素材無憂網(wǎng)
三、調(diào)用輪播圖片
這里有兩個思路,使用PbootCMS自帶的輪播圖片模塊或者自建一個輪播模型。
1、使用PbootCMS自帶的幻燈片模塊
???????{pboot:slide gid=1 num=3}
{/pboot:slide}
很簡單,使用{pboot:slide}標(biāo)簽調(diào)用即可,其中g(shù)id是分組,num是數(shù)量。
自帶的輪播擴(kuò)展內(nèi)置了10個分組,有標(biāo)題、副標(biāo)題和鏈接地址,一般輪播夠用了。
2、自建一個輪播模型
這是本篇教程著重要講解的部分。
關(guān)于模型概念的理解,在使用PbootCMS制作模板的時候是非常重要的。
(1)、新建一個輪播模型
輸入模型名稱,模型類型選擇列表,模板留空,提交。輪播模型就建好了,是不是很簡單。
(2)、添加模型字段
這里可以自己添加需要在輪播中出現(xiàn)的一些元素,比如覆蓋在輪播圖片上的文字,點擊跳轉(zhuǎn)的鏈接等等,更高級一些甚至還可以添加一個表示當(dāng)前輪播圖片的動畫效果的CSS名稱,讓不同的輪播圖用不同的動畫效果出現(xiàn)。(只要開動腦筋,PbootCMS的模型讓一切皆有可能)
(3)、添加輪播欄目
添加欄目的理由:
最簡單的理由就是添加內(nèi)容需要選擇欄目,不然不能添加。不過,仔細(xì)思考一下,一個網(wǎng)站的輪播很有可能不止在首頁頂部調(diào)用,比如一些側(cè)邊欄廣告輪播。那么這里的欄目就相當(dāng)于默認(rèn)輪播擴(kuò)展中的分組,不同的是,這里的欄目是可以無限分組的,而且還可以根據(jù)欄目名稱知道這是顯示在哪里的輪播,方便管理。
(4)、接下來就可以添加輪播圖了
可以看到,剛才添加的字段"輪播文字"也在這里顯示了。
(5)、輪播圖調(diào)用
關(guān)于自建模型中輪播圖的調(diào)用,參考官網(wǎng)文檔:指定列表調(diào)用 即可。
四、添加swiper的js部分
???????
注意:代碼需要在swiper.min.js后面。完成,剩下的就是CSS樣式美化問題了??偨Y(jié):輪播圖制作的時候主要就是調(diào)用思路。使用自帶的輪播擴(kuò)展,可以直接添加調(diào)用;使用模型的方式,可以做一些更高級的定義。
版權(quán)聲明:
本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明:
PbootCMS首頁Banner輪播制作和調(diào)用教程
標(biāo)簽:
PbootCMS
相關(guān)文章
-
12-17
(自適應(yīng)手機(jī)端)響應(yīng)式合同申請書網(wǎng)站模板 word文檔pbootcms網(wǎng)站源碼下載
-
12-14
(自適應(yīng)手機(jī)端)圖書期刊繪本網(wǎng)站模板 畫報期刊雜志pbootcms網(wǎng)站源碼下載
-
12-10
(自適應(yīng)手機(jī))牙科診所網(wǎng)站pbootcms模板 牙科醫(yī)院網(wǎng)站源碼下載
-
12-07
(自適應(yīng)手機(jī)端)響應(yīng)式電子設(shè)備網(wǎng)站模板 - 數(shù)碼科技企業(yè)產(chǎn)品pbootcms源碼帶下載功能
-
12-04
(自適應(yīng)手機(jī))響應(yīng)式個人博客網(wǎng)站模版 美文博客pbootcms源碼下載 - 帶評論功能
-
12-01
(自適應(yīng)手機(jī))高爾夫球場pbootcms網(wǎng)站模板 體育運(yùn)動場網(wǎng)站源碼下載
-
11-29
(自適應(yīng)手機(jī))電子產(chǎn)品網(wǎng)站pbootcms模板 智能手表數(shù)碼相機(jī)網(wǎng)站源碼下載
-
11-25
(自適應(yīng)手機(jī))童裝外貿(mào)網(wǎng)站pbootcms模板 中英文童裝雙語網(wǎng)站源碼下載
-
11-21
(自適應(yīng)手機(jī)端)中英文雙語外貿(mào)網(wǎng)站汽車配件模板 汽車周邊產(chǎn)品pbootcms網(wǎng)站源碼下載
-
11-17
(自適應(yīng)手機(jī)端)電子產(chǎn)品外貿(mào)企業(yè)網(wǎng)站pbootcms模板 - 機(jī)械電子設(shè)備英文網(wǎng)站源碼帶下載功能
-
11-14
(自適應(yīng)手機(jī)端)響應(yīng)式珠寶首飾pbootcms網(wǎng)站模板 奢侈品金店網(wǎng)站源碼下載
-
11-08
(帶手機(jī))工程造價財務(wù)審計網(wǎng)站模板 企業(yè)管理網(wǎng)站源碼pbootcms下載
-
11-07
(自適應(yīng)手機(jī)端)響應(yīng)式圖片展示pbootcms網(wǎng)站模板 圖片素材網(wǎng)美女圖片網(wǎng)站源碼下載
-
11-06
(自適應(yīng)手機(jī)端)無人機(jī)英文外貿(mào)網(wǎng)站源碼下載 pbootcms電子產(chǎn)品企業(yè)網(wǎng)站模板下載
-
11-04
(自適應(yīng)手機(jī)端)企業(yè)咨詢管理網(wǎng)站pbootcms模板 金融服務(wù)機(jī)構(gòu)業(yè)務(wù)咨詢網(wǎng)站源碼下載
-
11-03
(自適應(yīng)手機(jī)端)響應(yīng)式電腦手機(jī)維修類網(wǎng)站模版 電腦組裝維修pbootcms網(wǎng)站源碼下載
-
10-29
(PC+WAP)五金機(jī)械設(shè)備營銷型網(wǎng)站模板 軸承電子挖掘機(jī)pbootcms源碼下載
-
10-27
(自適應(yīng)手機(jī)版)響應(yīng)式五金外貿(mào)英文網(wǎng)站模板 機(jī)械電子重工業(yè)出口英文源碼pbootcms下載
-
10-15
(獨立手機(jī)版)單頁落地頁推廣網(wǎng)站模板 旅游宣傳推廣pbootcms源碼 - 帶復(fù)制微信號
-
10-02
(自適應(yīng)手機(jī)端)中藥館中醫(yī)網(wǎng)站模板 中醫(yī)院骨科醫(yī)院網(wǎng)站源碼pbootcms下載
推薦文章
排行榜
- 1185pbootcms偽靜態(tài)教程
- 1144pbootcms模板如何做好安全防護(hù)
- 1134pbootcms模板 pb網(wǎng)站源碼如何做好防護(hù)
- 1099pbootcms模板上傳后 前臺頁面是亂的怎么處理
- 1058pbootcms內(nèi)頁子欄目當(dāng)前欄目如何實現(xiàn)高亮顯示
- 1036pbootcms當(dāng)前位置面包屑中的首頁如何改成英文
- 1018欄目頁調(diào)用當(dāng)前欄目的文章(常用于側(cè)邊欄新聞)
- 1006pbootcms模板首頁如何調(diào)用指定欄目的子欄目
- 1003pbcms 首頁調(diào)用頻道下面的幾個欄目列表的內(nèi)容
- 958pbootcms模板導(dǎo)航調(diào)用方法:
模板推薦
-
(帶手機(jī)版)win電腦操作系統(tǒng)軟件IT軟件下載網(wǎng)站易優(yōu)CMS模板下載
模板名稱:(帶手機(jī)版)win電腦操作系統(tǒng)軟件IT軟件下載網(wǎng)站易優(yōu)CMS模板下載模...
-
(PC+WAP)公司注冊財務(wù)會計類網(wǎng)站pbootcms模板 藍(lán)色律師公證網(wǎng)站源碼下載
(PC+WAP)公司注冊財務(wù)會計類網(wǎng)站pbootcms模板 藍(lán)色律師公證網(wǎng)站源碼...
-
(自適應(yīng)手機(jī)端)pbootcms綠色園林建筑藝術(shù)網(wǎng)站模板 花卉園藝網(wǎng)站源碼下載
(自適應(yīng)手機(jī)端)pbootcms綠色園林建筑藝術(shù)網(wǎng)站模板 花卉園藝網(wǎng)站源碼下載P...
-
(自適應(yīng)手機(jī)端)pbootcms響應(yīng)式刷卡機(jī)POS機(jī)網(wǎng)站模板 無線支付設(shè)備網(wǎng)站源碼
(自適應(yīng)手機(jī)端)pbootcms響應(yīng)式刷卡機(jī)POS機(jī)網(wǎng)站模板 無線支付設(shè)備網(wǎng)站源...
-
(自適應(yīng)手機(jī)端)pbootcms響應(yīng)式旅游公司網(wǎng)站模板 藍(lán)色寬屏旅行社網(wǎng)站源碼下載
(自適應(yīng)手機(jī)端)pbootcms響應(yīng)式旅游公司網(wǎng)站模板 藍(lán)色寬屏旅行社網(wǎng)站源碼下...
-
熱門標(biāo)簽
- word文檔
- 合同申請書
- 期刊雜志
- 畫報
- 繪本網(wǎng)站模板
- 圖書期刊
- 牙科醫(yī)院
- 牙科診所
- 數(shù)碼科技
- 機(jī)械模板
- 機(jī)械風(fēng)機(jī)
- 體育運(yùn)動場
- 高爾夫球場
- 數(shù)碼相機(jī)
- 破解版
- PhpStorm
- PHP編程軟件
- 雙語網(wǎng)站
- 童裝
- 童裝外貿(mào)網(wǎng)站
- 多余圖片清理插件
- 文檔定時發(fā)布插件
- 汽車周邊產(chǎn)品
- 汽車配件模板
- ps制圖軟件
- Photoshop軟件
- 相關(guān)文檔插件
- 易優(yōu)CMS插件
- QQ一鍵登錄
- 易優(yōu)系統(tǒng)助手
- 制圖軟件
- ps軟件
- Photoshop
- 下載功能
- 金店網(wǎng)站
- 劇情介紹
- word資源
- 文案網(wǎng)站
- 電影解說
- 財務(wù)審計
- 工程造價
- 圖片素材網(wǎng)
- 業(yè)務(wù)咨詢
- 服務(wù)機(jī)構(gòu)
- 金融服務(wù)
- 企業(yè)咨詢
- 電腦組裝
- 電腦維修
- 軸承電子
- 出口模版
- 五金行業(yè)
- 英文會員模版
- 易優(yōu)英文版
- 英文網(wǎng)站模版
- 設(shè)計模版
- 推廣源碼
- 旅游宣傳
- 推廣網(wǎng)站
- 網(wǎng)站展示
- 機(jī)械柜
本站轉(zhuǎn)載作品版權(quán)歸原作者及來源網(wǎng)站所有,原創(chuàng)內(nèi)容作品版權(quán)歸作者所有,任何內(nèi)容轉(zhuǎn)載、商業(yè)用途等均須聯(lián)系原作者并注明來源。相關(guān)侵權(quán)、舉報、投訴及建議等,請發(fā)E-mail:[email protected]
Copyright © 2002-2011 滕州素材無憂網(wǎng)絡(luò)科技有限公司 版權(quán)所有nbsp; 魯ICP備16003892號-6魯公網(wǎng)安備37048102006483號
-
聯(lián)系我們
-
返回頂部