匿名
未登录
创建账号
登录
McZoo红石站
搜索
查看“帮助:Swiper”的源代码
来自McZoo红石站
命名空间
帮助
讨论
更多
更多
页面操作
阅读
查看源代码
历史
←
帮助:Swiper
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于这些用户组的用户执行:
管理员
、百科管理员、百科编辑者
您必须确认您的电子邮件地址才能编辑页面。请通过
参数设置
设置并确认您的电子邮件地址。
您可以查看和复制此页面的源代码。
{{模板}}__NOTOC__<div class="hide">{{特殊:最近更改/0}}</div> <div class="row"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> == 简单说明 == {{模板|信息|版本|1.0}} {{模板|信息|说明|轮播展示图片或内容。}} == 使用说明 == <SyntaxHighlight> {{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]] }} </SyntaxHighlight> == 示例 == {{模板|示例| <esc> {{Swiper |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] }} </esc> }} {{模板|示例| <esc> {{Swiper |翻页=箭头 |分页=否 |效果=fade |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] |[[File:预置banner2.jpg]] |[[File:预置banner1.jpg]] }} </esc> }} {{模板|示例| <esc> {{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]] }} </esc> }} {{模板|示例| <esc> {{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> }} </esc> }} {{模板|示例| <esc> {{Swiper |1=<div style="width:100%;height:100px;background:#e7bfbf;">这是红色</div> }} </esc> }} </div> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> == 作者 == {{模板|信息|作者|迦洛翎}} <div class="hidden-xs"> == 标签 == {{模板|信息|标签|模板}} </div> == 依赖 == {{模板|依赖 |widget:swiper }} <div class="hide"> {{模板|依赖 |File:预置banner1.jpg |File:预置banner2.jpg |File:预置banner1.jpg |File:预置banner2.jpg |File:预置banner1.jpg }} </div> == 更新日志 == * 1.0 基本完成 * 1.1 修复移动端点击箭头后出现边框的问题 * 1.2 优化仅有一张图时关闭自动播放 </div> </div>
本页使用的模板:
模板:Swiper
(
查看源代码
)
模板:模板
(
查看源代码
)
返回
帮助:Swiper
。
导航
导航
首页
申请蓝名
2D卫星地图
3D卫星地图
随便看看
创建新页面
所有页面
分类
McZoo
红石科技
玩家
主世界
出生点
伊甸园
新苑
工业园
东部工业区
南一
非魂镇
魔女之家
樱花庄
龙门岛
地狱
地狱交通
塔尔塔罗斯
末地
月宫
wiki工具
wiki工具
特殊页面
页面工具
页面工具
用户页面工具
更多
链入页面
相关更改
页面信息
页面日志