模板:轮播图
来自卖块资源站
以下是 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。 由于模板较为复杂,建议对照模板页面与模板说明页面食用。(务必打开模板说明页面,因为模板效果在模板页嵌入的说明中可能存在显示异常!!) 尽量在一个页面仅放置一组(两个,一主一缩略)或单独一个(主),目前尚未清楚联动机制与干扰原理。
参数 | 描述 | 类型 | 状态 | |
---|---|---|---|---|
联动 | 联动 | 一般情况,主图在上,缩略图在下。
| 未知 | 必需 |
效果 | 效果 | 保持默认即可(平滑(关键是也没人告诉我还能填什么啊))
| 未知 | 必需 |
循环 | 循环 | 无描述
| 未知 | 必需 |
自动播放 | 自动播放 | 无描述
| 未知 | 必需 |
延迟 | 延迟 | 无描述 | 未知 | 可选 |
分页 | 分页 | 无描述 | 未知 | 可选 |
翻页 | 翻页 | 无描述 | 未知 | 可选 |
id | id | 无描述 | 未知 | 可选 |
class | class | 无描述 | 未知 | 可选 |
额外参数 | 额外参数 | 无描述 | 未知 | 可选 |