参数详解
插件界面参数(主要用于设置切换器的界面):
参数名称 | 默认值 | 数据类型 | 描述 |
---|---|---|---|
width | 900 | Int | 图片切换器的宽度 |
height | 400 | Int | 图片切换器的高度 |
boxSizing | borderBox | String | 盒式模型,边框尺寸是否计入切换器总尺寸(类似于 CSS boxSizing) borderBox:是,图片的实际宽度 = 切换器宽度 - 边框宽度 contentBox:否,图片的实际宽度 = 切换器宽度 |
borderWidth | 5 | Int | 边框效果,设置边框的宽度与高度 |
borderStyle | solid | String | 边框效果,设置边框样式类型,solid、dashed 等,等同于 CSS 边框属性 |
borderColor | #fff | String | 边框效果,设置边框的颜色,其值为 CSS 有效颜色值 |
borderRadius | 3 | Int | 边框效果,边角弧度,0 为直角 |
shadowX | 0 | Int | 阴影效果,水平方向偏移像素数 |
shadowY | 0 | Int | 阴影效果,垂直方向偏移像素数 |
shadowWidth | 3 | Int | 阴影效果,阴影大小 |
shadowColor | rgba(0,0,0,0.3) | String | 阴影效果,阴影颜色 |
navbar | true | Boolean | 切换指示器 是否显示,默认显示 |
navbarPosX | right | String | 切换指示器 水平方向位置:left(左下角)| center(中间)| right(右下角) |
navbarHeight | 30 | Int | 切换指示器 高度 |
navbarColor | "" | String | 切换指示器 背景颜色 |
navbarStyle | img01 | String | 切换指示器 样式,我们设计了两大类:模拟图片类、数字类 图片类:img01、img02、img03、img04 数字类:num01、num02、num03 |
navbarOuter | false | Boolean | 导航栏位置:true(外置)| false(内置) |
controller | true | Boolean | 控制栏显示:true(显示)| false(隐藏) |
controllerOuter | false | Boolean | 控制栏位置:true(外置)| false(内置) |
controllerStyle | ctrl01 | String | 控制栏样式 ctrl01:半透明白色圆角 + 镂空方向箭头 ctrl02:土豪金方向箭头 |
插件切换功能参数(主要设置切换器的速度、方向、特效等):
参数名称 | 默认值 | 数据类型 | 描述 |
---|---|---|---|
smartDetect | true | Boolean | 智能检测,开启智能检测后,插件运行时能够检测打开终端类型(电脑端、手机端),并作出相应处理,也可以根据需要关闭智能检测。 电脑端:开启切换控制器,关闭滑动手势 手机端:关闭切换控制器,开启手势操作 |
enableSwipe | true | Boolean | 手指滑动,此功能主要用于移动终端,电脑端默认不支持,如需在电脑端支持滑动手势操作,必须先关闭智能检测,并开启手势滑动。 |
autoScroll | true | Boolean | 图片切换器是否自动切换,默认开启 |
scrollTime | 500 | Int | 切换时间,默认 0.5s |
scrollLife | 3500 | Int | 切换周期,默认 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 |