跳转到内容

模板:轮播图

模板:[刷新此页面] [编辑] [页面历史]
文档:[查看] [编辑] [页面历史]

说明文档

以下是 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:由于操作失误,文件名格式后缀都重复了……`你看下页面源码就知道我什么意思了`)

赛马娘
幻塔
明日方舟
马老师小课堂
申请创建WIKI960.png.png


赛马娘
幻塔
明日方舟
马老师小课堂
申请创建WIKI960.png.png


尝试删除class=img-kk后,显示效果如下:

赛马娘
幻塔
明日方舟
马老师小课堂
申请创建WIKI960.png.png


赛马娘
幻塔
明日方舟
马老师小课堂
申请创建WIKI960.png.png


两个模板之间失去了联动能力,点击下方小图无法切换大图,所以这个class必须加上。

现在知道怎么使用这个模板了吧!


所有模板列表

此模板来自BWIKI同名模板且仍在测试中。

模板参数

参数描述类型状态
未指定参数