jQuery响应式全屏轮播插件royalslider.js

jQuery响应式全屏轮播插件royalslider.js

ie兼容8

参数说明:

参数说明可选值默认值
autoScaleSlider是否基于基础宽度自动更新[color=rgb(26, 100, 162)]滑块高度true或falsefalse
autoScaleSliderWidth幻灯片基本宽度整数800
autoScaleSliderHeight幻灯片基本高度整数400
imageScaleMode图片缩放模式“fill”, “fit”, “fit-if-smaller” 或 “none”‘fit-if-smaller’
imageAlignCenter幻灯片是否居中对齐true或falsetrue
imageScalePadding图片和[color=rgb(26, 100, 162)]幻灯片边缘的距离,在’fill’缩放模式下不起作用数字4
controlNavigation导航类型‘bullets’, ‘thumbnails’, ‘tabs’ 或 ‘none’‘bullets’
arrowsNav是否用箭头导航true或falsetrue
arrowsNavAutoHide箭头导航是否自动隐藏true或falsetrue
arrowsNavHideOnTouch箭头[color=rgb(26, 100, 162)]导航是否在触摸设备中隐藏true或falsefalse
imgWidth所有图片的基本宽度整数null
imgHeight所有图片的基本高度整数null
slidesSpacing幻灯片之间的间隔,单位px整数8
startSlideId从第几张幻灯片开始播放整数0
loop是否从最后一张幻灯片滑动到第一张true或falsefalse
loopRewind是否从最后一张幻灯片通过环绕的方式滑动到第一张,重写loop参数true或falsefalse
ran[color=rgb(26, 100, 162)]domizeSlides是否随机一张幻灯片开始播放true或falsefalse
numImagesToPreload[color=rgb(26, 100, 162)]幻灯片预加载的图片数量,如果设置为0,那么开始将只有一张图片显示在列表中整数4
usePreloaderEnables spinning preloader, you may style it via CSS (class rsPreloader). Since 9.3 version.true或falsetrue
slidesOrientation滑动方向‘vertical’ 或 ‘horizontal’‘horizontal’
transitionType切换过渡类型‘move’ 或 ‘fade’‘move ‘
transitionSpeed切换毫秒速度整数600
navigateByClick是否允许在幻灯片上点击鼠标导航true或falsetrue
sliderDrag是否允许在[color=rgb(26, 100, 162)]幻灯片上[color=rgb(26, 100, 162)]鼠标拖动导航true或falsetrue
sliderTouch是否允许触摸导航rue或falsetrue
keyboardNavEnabled是否允许键盘按键控制[color=rgb(26, 100, 162)]导航true或falsefalse
fadeinLoadedSlideFades in slide after it’s loaded.true或falsetrue
allowCSS3是否允许css3效果的使用true或falsetrue
globalCaptionAdds global caption element to slidetrue或falsetrue
addActiveClass是否在切换之前将rsActiveSlide应用到当前幻灯片的样式上true或falsefalse
minSlideOffset拖拽时的最小偏移量数字10
autoHeight缩放和动画基本高度
false
slides重写html幻灯片,用于创建未附加到DOM的的元素

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3