Tools 是非官方社区Wiki。社区文档正在编写中,欢迎参与。 Wiki编辑答疑群:717421103
版本250722.2
全站通知:

轮播图

阅读

    

2025-01-26更新

    

最新编辑:本森级7号舰拉菲

阅读:

  

更新日期:2025-01-26

  

最新编辑:本森级7号舰拉菲

来自WIKI实验室WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索
页面贡献者 :
本森级7号舰拉菲

以下模板提供轮播图的功能:


前者使用了Bootstrap的Carousel JavaScript插件,后者依赖Widget:Swiper


模板:轮播图

{{板块
|轮播图
|轮播编号=1
|[[文件:预置banner1.jpg|center|link=]]
|[[文件:预置banner2.jpg|center|link=]]
|[[文件:预置banner1.jpg|center|link=]]
|[[文件:预置banner2.jpg|center|link=]]
|[[文件:预置banner1.jpg|center|link=]]
|[[文件:预置banner2.jpg|center|link=]]
|[[文件:预置banner1.jpg|center|link=]]
|[[文件:预置banner2.jpg|center|link=]]
}}


模板:Swiper

{{Swiper
|翻页=     <!-- 可省略,可选值:箭头 -->
|分页=是   <!-- 可省略,默认值:是,可选值:是/否 -->
|效果=slide <!-- 可省略,默认值:slide,可选值:slide/fade/creative/... -->
|循环=是   <!-- 可省略,默认值:是,可选值:是/否。当仅有一张图时不循环。 -->
|自动播放=是<!-- 可省略,默认值:是,可选值:是/否。当仅有一张图时不自动播放。 -->
|延迟=2500  <!-- 可省略,默认值:2500,为毫秒数 -->
|联动=     <!-- 无联动时可省略,有联动时必填,可选值:主图/缩略图 -->
|额外参数=  <!-- 可省略,仅当有特殊需求时写入 -->
|id=mySwiper<!-- 可省略,为轮播图id -->
|class=    <!-- 可省略 -->
|[[File:占位banner-红.png]]
|[[File:占位banner-黄.png]]
|[[File:占位banner-绿.png]]
|[[File:占位banner-蓝.png]]
|[[File:占位banner-紫.png]]
}}

占位banner-红.png
占位banner-黄.png
占位banner-绿.png
占位banner-蓝.png
占位banner-紫.png