Template:轮播图

说明文档

以下是 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	无描述	未知	可选
额外参数	额外参数	无描述	未知	可选