本WIKI编辑权限开放,欢迎收藏起来防止迷路,也希望有爱的小伙伴和我们一起编辑哟~
目前WIKI正在初步建设中,大量页面正在施工,欢迎大家参与一起搭建
• WIKI留言板 • WIKI交流群:581074171(点击加群)
目前WIKI正在初步建设中,大量页面正在施工,欢迎大家参与一起搭建
• WIKI留言板 • WIKI交流群:581074171(点击加群)
全站通知:
模板:Swiper/文档
刷
历
编
跳到导航
跳到搜索
在此期间没有符合这些条件的编辑
简单说明
版本:1.0
说明:轮播展示图片或内容。
使用说明
{{Swiper
|翻页= <!-- 可省略,可选值:箭头 -->
|分页=是 <!-- 可省略,默认值:是,可选值:是/否 -->
|效果=slide <!-- 可省略,默认值:slide,可选值:slide/fade/creative/... -->
|循环=是 <!-- 可省略,默认值:是,可选值:是/否。当仅有一张图时不循环。 -->
|自动播放=是<!-- 可省略,默认值:是,可选值:是/否。当仅有一张图时不自动播放。 -->
|延迟=2500 <!-- 可省略,默认值:2500,为毫秒数 -->
|联动= <!-- 无联动时可省略,有联动时必填,可选值:主图/缩略图 -->
|额外参数= <!-- 可省略,仅当有特殊需求时写入 -->
|id=mySwiper<!-- 可省略,为轮播图id -->
|[[File:预置banner1.jpg]]
|[[File:预置banner2.jpg]]
|[[File:预置banner1.jpg]]
|[[File:预置banner2.jpg]]
|[[File:预置banner1.jpg]]
}}
示例
\n\{\{Swiper\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\}\}\n
\n\{\{Swiper\n\!翻页\e箭头\n\!分页\e否\n\!效果\efade\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\}\}\n
\n\{\{Swiper\n\!联动\e主图\n\!自动播放\e否\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\}\}\n\{\{Swiper\n\!联动\e缩略图\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\!\(\(File:预置banner2.jpg\)\)\n\!\(\(File:预置banner1.jpg\)\)\n\}\}\n
\n\{\{Swiper\n\!联动\e缩略图\n\!\ldiv\g红色\l/div\g\n\!\ldiv\g黄色\l/div\g\n\}\}\n\{\{Swiper\n\!翻页\e箭头\n\!联动\e主图\n\!效果\ecreative\n\!延迟\e5000\n\!额外参数\ecreativeEffect:\{prev:\{translate:\(0,0,-400\),\},next:\{translate:\('100%',0,0\)\}\_\}\n\!1\e\ldiv\_style\e"width:100%;height:100px;background:#e7bfbf;"\g这是红色\l/div\g\n\!2\e\ldiv\_style\e"width:100%;height:100px;background:#e7d4bf;"\g这是黄色\l/div\g\n\}\}\n
\n\{\{Swiper\n\!1\e\ldiv\_style\e"width:100%;height:100px;background:#e7bfbf;"\g这是红色\l/div\g\n\}\}\n