origin: 'auto' | 'center' | number - Sets the origin of the slides.Object - Specifies the slides configuration with an object of optional properties. Number - Sets the number of slides to the specified number. Therefore, all functions are called again. Every time there is an update, resize or change of options, the slide configuration is renewed. Specifies the configuration of the slides. slides: object | number | function | null If you don't want the slider to position or scale the slides, set this option to null. This could be a css selector string, an array of HTMLElement or a function that gets the container and returns an array of HTMLElement, a NodeList, a HTMLCollection, a string or null. Specifies how the slides from the DOM are received. selector: string | HTMLElement | Nodelist | function | null rubberband: booleanĮnables or disables the rubberband behavior for dragging and animation after a drag. rtl: booleanĬhanges the direction in which the slides are positioned, from left-to-right to right-to-left. If you want to create your own renderer, you can set this options to 'custom'. To counteract this problem, you can set this option to 'performance'. It is possible that the render performance of the browser slows down, if you have slides with some complexity in markup and CSS. RenderMode: 'precision' | 'performance' | 'custom' align: boolean - aligns the maximum position to the end of the last slide.max: number - sets maximum accessible index.min: number - sets minimum accessible index.
Regardless of the slide number, you can define the range of accessible slides. Sets the animation that is applied after a drag ends.
This option can also be an object where you can set the min and/or the max index of the carousel.ĭefaults to false. loop: boolean | objectĮnables or disables carousel/loop functionality of the slider. Sets the index of the initially visible slide. Minus values would invert the swipe direction. Number can be passed as a value or function. Set the speed that is applied to the slider when dragging it. Default is true dragSpeed: number | function drag: booleanĮnables or disables mouse and touch control. If this option is set to true, the slider is disabled.