Adds rsActiveSlide class to current slide before transition. (default: false)
Allows usage of CSS3 transitions. Might be useful if you're experiencing font-rendering problems, or other CSS3-related bugs. (default: true)
Direction arrows navigation. (default: true)
Auto hide arrows. (default: true)
Hides arrows completely on touch devices. (default: false)
Scales and animates height based on current slide. Please note: if you have images in slide that don't have rsImg class) or don't have fixed size, use $(window).load() instead of $(document).ready() before initializing slider. Also, autoHeight doesn't work with properties like autoScaleSlider, imageScaleMode and imageAlignCenter. (default: false)
Automatically updates slider height based on base width. (default: false)
400 Base slider height
Base slider width.Slider will autocalculate the ratio based on these values. (default: 800)
Autoplay slideshow can be enabled via slider options. Delay between items can be set globally via delay option, or specifically for each item by adding data-rsDelay="1000" to root element of the slide (1000 = 1sec).
All elements inside slide that have class rsABlock will be treated by slider as animated blocks (tag name doesn't matter). Blocks can not be nested, but you can put multiple instances of them into one slide, or make slide itself animated block.
Navigation type, can be 'bullets', 'thumbnails', 'tabs' or 'none' (default: 'bullets')
If set to true adds arrows and fullscreen button inside rsOverflow container, otherwise inside root slider container. (default: true)
Deep linking module makes URL automatically change when you switch slides and you can easily link to specific slide (aka permalink).
Easing function for simple transition.Read more in the easing section of the documentation. (default: 'easeInOutSine')
Easing function of animation after ending of the swipe gesture. Read more in the easing section of the documentation. (default: 'easeOutSine')
Fades in slide after it's loaded. (default: true)
You may specify larger images when slider is in fullscreen mode by adding data-rsBigImg attribute to rsImg element. A few examples:
Adds global caption element to slider, read more in the global caption section of documentation. (default: false)
Aligns image to center of slide. (default: true)
Scale mode for images."fill", "fit", "fit-if-smaller" or "none". (default: 'fit-if-smaller')
Distance between image and edge of slide (doesn't work with 'fill' scale mode). (default: 4)
Adds base height to all images for better-looking loading. Can be specified separately for each image. (default: null)
Adds base width to all images for better-looking loading. Can be specified separately for each image. (default: null)
Navigate slider with keyboard left and right arrows. (default: false)
Makes slider to go from last slide to first. (default: false)
Makes slider to go from last slide to first with rewind. Overrides prev option. (default: false)
Minimum distance in pixels to show next slide while dragging. (default: 10)
Navigates forward by clicking on slide. (default: true)
Number of slides to preload on sides.If you set it to 0, only one slide will be kept in the display list at once. (default: 4)
Randomizes all slides at start. (default: false)
Mouse drag navigation over slider. (default: true)
Touch navigation of slider. (default: true)
Overrides HTML of slides, used for creating of slides from HTML that is not attached to DOM. More info in knowledge base. (default: null)
Can be 'vertical' or 'horizontal'. (default: 'horizontal')
Spacing between slides in pixels. (default: 8)
Start slide index. (default: 0)
Thumbnail options
Slider transition speed, in ms. (default: 600)
'move' or 'fade'. Important note about fade transition, slides must have background as only one image is animating. (default: 'move')
Enables spinning preloader, you may style it via CSS (class rsPreloader). (default: true)
To add video to slide, you need to add data-rsVideo="" attribute to image. It can contain link to YouTube or Vimeo video.
Module "reveals" next and previous slides, like in this template.