跳转到内容

Template:轮播图:修订间差异

(从BWIKI搬运)
 
(完善模板参数)
 
(未显示同一用户的1个中间版本)
第33行: 第33行:
<templatedata>
<templatedata>
{
{
"params": {},
"params": {
"description": "此模板来自BWIKI 同名 模板且仍在测试中。"
"联动": {
"description": "一般情况,主图在上,缩略图在下。",
"suggestedvalues": [
"主图",
"缩略图"
],
"required": true,
"default": "主图",
"autovalue": "主图"
},
"效果": {
"description": "保持默认即可(平滑(关键是也没人告诉我还能填什么啊))",
"default": "slide",
"autovalue": "slide",
"required": true
},
"循环": {
"default": "是",
"autovalue": "是",
"required": true
},
"自动播放": {
"default": "是",
"autovalue": "是",
"required": true
},
"延迟": {},
"分页": {},
"翻页": {},
"id": {},
"class": {},
"额外参数": {}
},
"description": "此模板来自BWIKI模板且仍在测试中 ,原模板为Swiper。\n由于模板较为复杂,建议对照模板页面与模板说明页面食用。(务必打开模板说明页面,因为模板效果在模板页嵌入的说明中可能存在显示异常!!)\n尽量在一个页面仅放置一组(两个,一主一缩略)或单独一个(主),目前尚未清楚联动机制与干扰原理 。"
}
}
</templatedata>
</templatedata>
</noinclude>
</noinclude>

2024年7月18日 (四) 22:22的最新版本

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

说明文档

以下是 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模板且仍在测试中,原模板为Swiper。 由于模板较为复杂,建议对照模板页面与模板说明页面食用。(务必打开模板说明页面,因为模板效果在模板页嵌入的说明中可能存在显示异常!!) 尽量在一个页面仅放置一组(两个,一主一缩略)或单独一个(主),目前尚未清楚联动机制与干扰原理。

模板参数

参数描述类型状态
联动联动

一般情况,主图在上,缩略图在下。

推荐值
主图缩略图
默认值
主图
自动值
主图
未知必需
效果效果

保持默认即可(平滑(关键是也没人告诉我还能填什么啊))

默认值
slide
自动值
slide
未知必需
循环循环

无描述

默认值
自动值
未知必需
自动播放自动播放

无描述

默认值
自动值
未知必需
延迟延迟

无描述

未知可选
分页分页

无描述

未知可选
翻页翻页

无描述

未知可选
idid

无描述

未知可选
classclass

无描述

未知可选
额外参数额外参数

无描述

未知可选