模板:輪播圖

說明文檔

以下是 BWIKI 首頁在2024年7月18日使用的輪播圖源碼。

{{Swiper
 |联动=主图
 |翻页=箭头
 |自动播放=是
 |[[File:赛马娘收获！饱餐！大丰收祭头图.jpg|赛马娘|class=img-kk|link=https://wiki.biligame.com/umamusume/%E7%A7%8D%E7%94%B0%E6%9D%AF%E5%89%A7%E6%9C%AC%E7%AE%80%E4%BB%8B]]
 |[[File:幻塔banner图.jpg|幻塔|class=img-kk|link=https://wiki.biligame.com/ht]]
 <!--
 |[[File:方舟新banner图6-7.jpg|明日方舟|class=img-kk|link=https://wiki.biligame.com/arknights/?curid=43405]]
 -->
 |[[File:马老师.png|马老师小课堂|class=img-kk|link=https://wiki.biligame.com/wiki/%E9%A9%AC%E8%80%81%E5%B8%88%E5%B0%8F%E8%AF%BE%E5%A0%82]]
 |[[文件:申请创建WIKI960.png|class=img-kk|link=WIKI申请页面]]
 }}
 {{Swiper
 |联动=缩略图
 |[[File:赛马娘收获！饱餐！大丰收祭头图.jpg|赛马娘|class=img-kk|link=https://wiki.biligame.com/umamusume/%E7%A7%8D%E7%94%B0%E6%9D%AF%E5%89%A7%E6%9C%AC%E7%AE%80%E4%BB%8B]]
 |[[File:幻塔banner图.jpg|幻塔|class=img-kk|link=https://wiki.biligame.com/ht]]
 <!--
 |[[File:方舟新banner图6-7.jpg|明日方舟|class=img-kk|link=https://wiki.biligame.com/arknights/?curid=43405]]
 ->
 |[[File:马老师.png|马老师小课堂|class=img-kk|link=https://wiki.biligame.com/wiki/%E9%A9%AC%E8%80%81%E5%B8%88%E5%B0%8F%E8%AF%BE%E5%A0%82]]
 |[[文件:申请创建WIKI960.png|class=img-kk|link=WIKI申请页面]]
 }}

我上傳了這幾張圖片，取消方舟的注釋，然後顯示效果如下：（PS：由於操作失誤，文件名格式後綴都重複了……`你看下頁面源碼就知道我什麼意思了`）

嘗試刪除class=img-kk後，顯示效果如下：

兩個模板之間失去了聯動能力，點擊下方小圖無法切換大圖，所以這個class必須加上。

現在知道怎麼使用這個模板了吧！

---

所有模板列表

此模板來自BWIKI模板且仍在測試中，原模板為Swiper。 由於模板較為複雜，建議對照模板頁面與模板說明頁面食用。（務必打開模板說明頁面，因為模板效果在模板頁嵌入的說明中可能存在顯示異常！！） 儘量在一個頁面僅放置一組（兩個，一主一縮略）或單獨一個（主），目前尚未清楚聯動機制與干擾原理。

模板參數

參數		描述	類型	狀態
聯動	联动	一般情況，主圖在上，縮略圖在下。 建議值 主图缩略图 預設 主圖 自動值 主图	不明	必填
效果	效果	保持默認即可（平滑（關鍵是也沒人告訴我還能填什麼啊）） 預設 slide 自動值 slide	不明	必填
循環	循环	沒有描述 預設 是 自動值 是	不明	必填
自動播放	自动播放	沒有描述 預設 是 自動值 是	不明	必填
延遲	延迟	沒有描述	不明	非必填
分頁	分页	沒有描述	不明	非必填
翻頁	翻页	沒有描述	不明	非必填
id	id	沒有描述	不明	非必填
class	class	沒有描述	不明	非必填
額外參數	额外参数	沒有描述	不明	非必填