全站通知:
模板:超级轮播
刷
历
编
跳到导航
跳到搜索
此模板初始来源于Tools同名模板:超级轮播
使用形式存在一定魔改
使用形式存在一定魔改
参数说明
- w:宽度
- h:高度
- 宽高比:响应布局,即尺寸随窗口变化时,保持此比例进行变化
- carouselClass:选填,追加轮播类名
- 悬放停播
- <任意值>:任意值,鼠标悬放时,轮播图依然播放
- 起始图
- <数字>:轮播图排序-1,比如:希望从第2张图开始播,则起始图=1
- 切换动画
- <时间数字>s:默认为1s
- 切换样式(可选)
- slide:滑动(默认)
- stackIn:切入
- stackOut:切出
- 切换模式(可选)
- loop:循环(默认),可以简单理解为最后一张展示完毕后会像下一张一样切换到第一张,就像一个环。
- stack:叠放,可以简单理解为最后一张展示完毕后会快速向前翻回第一张,就像一叠纸。
- 切换方向(可选)
- r2l:从右到左。(默认)
- l2r:从左到右。
- b2t:从下到上。
- t2b:从上到下。
- 切换间隔(可选)两张图切换的间隔数
- 5:5时间单位(默认)
- -1:特别的,如果设置为"-1",则不会自动切换
- 间隔单位(可选)切换间隔的时间单位
- s:秒(默认)
- ms:毫秒
- 控制条(可选)
- <任意值>(默认):如果设置任意值,则会自动生成一个控制条
- 隐藏:没有控制条
- 悬停显示:控制条默认隐藏,鼠标悬停才显示
举例:自定内容
{{超级轮播|w=100%|h=20%|宽高比=720/200 |自定内容={{#arraymap:11、22、33|、|@|<div class="item">@</div>|}} }}
11
22
33
举例:直接写内容
{{超级轮播|w=100%|h=20%|宽高比=720/200 |A |B |C }}
A
B
C