微信扫一下,即可关注我们!

参数详解

插件界面参数(主要用于设置切换器的界面):

参数名称默认值数据类型描述
width900Int图片切换器的宽度
height400Int图片切换器的高度
boxSizingborderBoxString盒式模型,边框尺寸是否计入切换器总尺寸(类似于 CSS boxSizing)
borderBox:是,图片的实际宽度 = 切换器宽度 - 边框宽度
contentBox:否,图片的实际宽度 = 切换器宽度
borderWidth5Int边框效果,设置边框的宽度与高度
borderStylesolidString边框效果,设置边框样式类型,solid、dashed 等,等同于 CSS 边框属性
borderColor#fffString边框效果,设置边框的颜色,其值为 CSS 有效颜色值
borderRadius3Int边框效果,边角弧度,0 为直角
shadowX0Int阴影效果,水平方向偏移像素数
shadowY0Int阴影效果,垂直方向偏移像素数
shadowWidth3Int阴影效果,阴影大小
shadowColorrgba(0,0,0,0.3)String阴影效果,阴影颜色
navbartrueBoolean切换指示器 是否显示,默认显示
navbarPosXrightString切换指示器 水平方向位置:left(左下角)| center(中间)| right(右下角)
navbarHeight30Int切换指示器 高度
navbarColor""String切换指示器 背景颜色
navbarStyleimg01String切换指示器 样式,我们设计了两大类:模拟图片类、数字类
图片类:img01、img02、img03、img04
数字类:num01、num02、num03
navbarOuterfalseBoolean导航栏位置:true(外置)| false(内置)
controllertrueBoolean控制栏显示:true(显示)| false(隐藏)
controllerOuterfalseBoolean控制栏位置:true(外置)| false(内置)
controllerStylectrl01String控制栏样式
ctrl01:半透明白色圆角 + 镂空方向箭头
ctrl02:土豪金方向箭头

插件切换功能参数(主要设置切换器的速度、方向、特效等):

参数名称默认值数据类型描述
smartDetecttrueBoolean智能检测,开启智能检测后,插件运行时能够检测打开终端类型(电脑端、手机端),并作出相应处理,也可以根据需要关闭智能检测。
电脑端:开启切换控制器,关闭滑动手势
手机端:关闭切换控制器,开启手势操作
enableSwipetrueBoolean手指滑动,此功能主要用于移动终端,电脑端默认不支持,如需在电脑端支持滑动手势操作,必须先关闭智能检测,并开启手势滑动。
autoScrolltrueBoolean图片切换器是否自动切换,默认开启
scrollTime500Int切换时间,默认 0.5s
scrollLife3500Int切换周期,默认 3.5s
scrollEase""String切换效果,我们内嵌了 jQuery 缓动特效,具体有 easeInQuad、easeOutQuad、easeInOutQuad、easeInCubic、easeOutCubic、easeInOutCubic、easeInQuart、easeOutQuart、easeInOutQuart、easeInQuint、easeOutQuint、easeInOutQuint、easeInSine、easeOutSine、easeInOutSine、easeInExpo、easeOutExpo、easeInOutExpo、easeInCirc、easeOutCirc、easeInOutCirc、easeInElastic、easeOutElastic、easeInOutElastic、easeInBack、easeOutBack、easeInOutBack、easeInBounce、easeOutBounce、easeInOutBounce