Option name | Description | Related addon |
smoothHeight | true | Whether the slider uses smooth animation while its height changes. |
smoothHeightDuration | 0.5 | The animation duration of chaging slider height. |
smoothHeightEase | Power3.easeInOut | The animation easing function of chaging slider height. |
autoPlay | false | Enables the autoplay slideshow. |
slideshowDelay | 3 | Global value for slide delay. Used when slide duration is not set for slide(s). |
autoPlayAfterVideo | false | Don’t start timer until background video starts |
pauseOnHover | false | Pause autoPlay timer when mouse is over slider |
resetTimerOnBlur | false | Resets Timer after mouse leaves the slider |
pauseAtEnd | ‘auto’ | Pauses slider timer after showing last slide. |
filters | null | this option supports the css filters object (an object that contains css filter properties with values). It applies the filters to the slides. |
filterTarget | ‘slide’ | Specifies the applying filters target, supported values: ‘slide’ and ‘slide-background’ or any slide scoped css selector |
deepLink | null | A unique name for the slider in the page address, null value disables deeplink option. |
deepLinkType | ‘path’ | Specifies the type of hash value in page’s url. possible values ‘path’ and ‘query’ (#gallery/1 , #gallery=4) |
grabCursor | ‘auto’ | whether show grab cursor over the slider or not. The ‘auto’ value checks the view type and swipe options |
inView | 10 | Specifies the number of slides visible in the view rendering layer, lower numbers causes lower GPU memory usage. |
keyboard | false | Enables keyboard navigation over the slider, “onhover” value indicates keyboard nav activation only when mouse enters the slider |
slideLoading | ‘auto’ | Specifies the type of slides loading, `auto` reads the markup for `ms-slide-loading` then ‘ms-loading-container’. `off` does not add any loading for slides |
instantChangeOverlays | ‘auto’ | Whether change overlay layers on slide change start or not. “auto” value will inherits the “instatntSelect” option |
parallaxMode | ‘mouse’ | Specifies parallax mode, “mouse”, “mouse:x-only”, “mouse:y-only” and “swipe” |
partialView | false | Option of enabling partial view layout |
partialMinSpace | 30 | Specifies the minimum space amount of both side of slide |
layerAnimations | ‘none’ | “prgressive” value considers all layers animation on the slider as progressive. |
layerAnimationProgressFactor | 0.5 | specifies the how long of the slide should come in or leave the view to the animation completes. |
scrollParallax | null | Scroll parallax options: |
preload | 0 | Specifies number of slides which will be loaded by slider. 0 value means the slider loads slides in sequence. |
startOnAppear | true | Starts the slider upon appearing in the view |
layout | ‘boxed’ | Specifies the type of laying out the slider in the page. refer to the documentation for more information. |
width | , 300 | The base width of slides. It helps the slider to resize in correct ratio. |
height | , 150 | The base height of slides, It helps the slider to resize in correct ratio. This parameter can be an object too which its each option specifies the slider height at specific break point |
keepAspectRatio | true | Whether keep slider dimension aspect ration on resize or not. |
autoHeight | false | Whether the slider adapts its height to each slide height or not. This option is not implemented in this class. Enabling autoHeight option overrides all other height sizing options. |
minHeight | 0 | Specifies min height value of the slider, it prevents slider to shows too narrow in small screens. |
maxHeight | 0 | Specifies max height value of the slider. |
heightLimit | true | It forces the slide to use max height value as its base specified height size |
primaryContainerClass | ‘ms’-primary-container | The class name of primary container that contains all other containers |
viewContainerClass | ‘ms’-view-container | The class name of view container |
fullscreenMargin | 0 | Specifies margin amount to the bottom of slider in fullscreen mode. |
overflowFix | true | Fixes the page horizontal scroll which caused by fullscreen slider. |
narrowLayoutOn | ‘tablet’ | Moves left and right space containers to above and below when windows resizes to smaller than given value. |
sizingReference | ‘view’ | Specifies the reference of choosing break points. Whether “view” or browser “window” width amount. |
centerControls | true | Whether the slider aligns UI controls to center. This option is only effective in full width mode. |
breakPointClass | true | Whether add break point helper class name on slider element. |
delayBeforeResize | 0 | Adds delay before resizing the slider |
autofillTarget | null | Specifies the target element that slider fills it. Slider fills its parent element if value was not set. |
instantSelect | true | Whether instantly select the target slide upon changing target slide index in slider |
start | 1 | Specifies the start slide after slider initialization |
shuffle | false | Enables shuffling slides order |
slideStatusClasses | true | Whether add slide status class names or not. |
view | ‘basic’ | The sliding mechanics |
slide | ‘regular’ | The slide type |
disableAddons | null | The list of addon names to exclude |
fillMode | ‘fill’ | (deprecated Specifies the slide background scaling method. Its acceptable values are “fill”, “fit”, “stretch”, “center” and “tile |
slideFit | null | Specifies the slide background fit mode. |
mobileInlineVideo | true | Whether videos inline or not in mobile devices. |
navAnimDuration | 1 | Specifies the animation duration of navigation between slides |
navAnimEase | Quart.easeOut | The easing function of navigation animation |
speed | 17 | Specifies slide changing speed. It accepts float values between 0 and 100 |
slickMode | ‘slide’ | Specifies the type of slick movement between slides, values are “slide”, “scroll” and “snapping” |
mouse | true | Whether the user can use mouse drag navigation |
touch | true | Whether the drag/swipe navigation is enabled |
snappingMinSpeed | 2 | Minimum swipe speed to change the slide |
maxSlickSpeed | 300 | Prevents slider to scroll very fast” |
wheel | true | Enables wheel navigation on slider. |
wheelOnAppear | true | Only wheel works on slider if it appears entirely in the window. |
wheelPrevent | ‘auto’ | Specifies the type of preventing default wheel behavior in the browser, ‘auto’ only prevents if there was more slides to come. Besides, it can be always activated by true or always deactivated by false values. |
wheelScrollSlick | 50 | The speed of scrolling to new position by wheel, 0 disables the slick effect. |
wheelSpeed | 2 | Wheel scrolling speed. |
loop | false | Enables the continuous sliding mode |
space | 0 | The spacing value between slides in pixels |
dir | ‘h’ | Specifies slide changing direction. It accepts two values “h” (horizontal) and “v” (vertical |
rtl | false | Whether Right-to-left direction slider |
updateZIndex | true | Whether update z-index of slides |
selectFactor | 0.5 | Specifies how much of the slide should be entered in the view to be considered as selected |
arrangeOnScroll | false | Whether rearrange the slides while scrolling or not, this option only affective if the loop navigation was enabled |