全站通知:
模板:Swiper/doc
刷
历
编
跳到导航
跳到搜索
简单说明
轮播展示图片或内容。
使用说明
{{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]] }}
示例
{{Swiper |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] }}
{{Swiper |翻页=箭头 |分页=否 |效果=fade |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] }}
{{Swiper |联动=主图 |自动播放=否 |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] }} {{Swiper |联动=缩略图 |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] }}
{{Swiper |联动=缩略图 |<div>红色</div> |<div>黄色</div> }} {{Swiper |翻页=箭头 |联动=主图 |效果=creative |延迟=5000 |额外参数=creativeEffect:{prev:{translate:[0,0,-400],},next:{translate:['100%',0,0]} } |1=<div style="width:100%;height:100px;background:#e7bfbf;">这是红色</div> |2=<div style="width:100%;height:100px;background:#e7d4bf;">这是黄色</div> }}
{{Swiper |1=<div style="width:100%;height:100px;background:#e7bfbf;">这是红色</div> }}