|
@@ -74,43 +74,43 @@ Or set a ```data-splide``` attribute to a root element in a JSON format:
|
|
|
### Available Options
|
|
|
Here is a list of options and brief explanations. Visit [this page] for more details.
|
|
|
|
|
|
-* **type** Determine a slider type.
|
|
|
-* **rewind** Whether to rewind a slider before the first slide or after the last one.
|
|
|
-* **speed** Transition speed in milliseconds.
|
|
|
-* **width** Define slider max width.
|
|
|
-* **height** Define slider height.
|
|
|
-* **fixedWidth** Fix width of slides.
|
|
|
-* **fixedHeight** Fix height of slides.
|
|
|
-* **heightRatio** Determine height of slides by ratio to a slider width.
|
|
|
-* **perPage** Determine how many slides should be displayed per page.
|
|
|
-* **perMove** Determine how many slides should be moved when a slider goes to next or previous page.
|
|
|
-* **start** Start index.
|
|
|
-* **focus** Determine which slide should be focused.
|
|
|
-* **gap** Gap between slides.
|
|
|
-* **padding** Set padding-left/right in horizontal mode or padding-top/bottom in vertical one.
|
|
|
-* **easing** Animation timing function for CSS transition.
|
|
|
-* **arrows** Whether to append arrows.
|
|
|
-* **arrowPath** Change the arrow SVG path.
|
|
|
-* **pagination** Whether to append pagination(indicator dots).
|
|
|
-* **autoplay** Whether to enable autoplay.
|
|
|
-* **interval** Autoplay interval in milliseconds.
|
|
|
-* **pauseOnHover** Whether to stop autoplay while a slider is hovered.
|
|
|
-* **pauseOnFocus** Whether to stop autoplay while a slider elements are focused.
|
|
|
-* **lazyLoad** Enable lazy load for images.
|
|
|
-* **preloadPages** Determine how many pages around an active slide should be loaded beforehand. This only works the lazyLoad option is “nearby”.
|
|
|
-* **keyboard** Whether to control a slider via keyboard.
|
|
|
-* **drag** Whether to allow mouse drag and touch swipe.
|
|
|
-* **flickThreshold** Threshold for determining if the action is “flick” or “swipe”.
|
|
|
-* **flickPower** Determine power of flick. The larger number this is, the farther a slider runs by flick.
|
|
|
-* **flickMaxPages** Limit a number of pages to move by flick.
|
|
|
-* **direction** Slider direction.
|
|
|
-* **cover** Whether to convert an img src to background-image of its parent element. height, fixedHeight or heightRatio is required.
|
|
|
-* **accessibility** Whether to enable accessibility(ARIA attributes) or not.
|
|
|
-* **isNavigation** Determine if a slider is navigation for another.
|
|
|
-* **trimSpace** Whether to trim spaces before the fist slide or after the last one.
|
|
|
-* **breakpoints** Breakpoints definitions.
|
|
|
-* **classes** Collection of class names.
|
|
|
-* **i18n** Collection of texts for i18n.
|
|
|
+* **type**: Determine a slider type.
|
|
|
+* **rewind**: Whether to rewind a slider before the first slide or after the last one.
|
|
|
+* **speed**: Transition speed in milliseconds.
|
|
|
+* **width**: Define slider max width.
|
|
|
+* **height**: Define slider height.
|
|
|
+* **fixedWidth**: Fix width of slides.
|
|
|
+* **fixedHeight**: Fix height of slides.
|
|
|
+* **heightRatio**: Determine height of slides by ratio to a slider width.
|
|
|
+* **perPage**: Determine how many slides should be displayed per page.
|
|
|
+* **perMove**: Determine how many slides should be moved when a slider goes to next or previous page.
|
|
|
+* **start**: Start index.
|
|
|
+* **focus**: Determine which slide should be focused.
|
|
|
+* **gap**: Gap between slides.
|
|
|
+* **padding**: Set padding-left/right in horizontal mode or padding-top/bottom in vertical one.
|
|
|
+* **easing**: Animation timing function for CSS transition.
|
|
|
+* **arrows**: Whether to append arrows.
|
|
|
+* **arrowPath**: Change the arrow SVG path.
|
|
|
+* **pagination**: Whether to append pagination(indicator dots).
|
|
|
+* **autoplay**: Whether to enable autoplay.
|
|
|
+* **interval**: Autoplay interval in milliseconds.
|
|
|
+* **pauseOnHover**: Whether to stop autoplay while a slider is hovered.
|
|
|
+* **pauseOnFocus**: Whether to stop autoplay while a slider elements are focused.
|
|
|
+* **lazyLoad**: Enable lazy load for images.
|
|
|
+* **preloadPages**: Determine how many pages around an active slide should be loaded beforehand. This only works the lazyLoad option is “nearby”.
|
|
|
+* **keyboard**: Whether to control a slider via keyboard.
|
|
|
+* **drag**: Whether to allow mouse drag and touch swipe.
|
|
|
+* **flickThreshold**: Threshold for determining if the action is “flick” or “swipe”.
|
|
|
+* **flickPower**: Determine power of flick. The larger number this is, the farther a slider runs by flick.
|
|
|
+* **flickMaxPages**: Limit a number of pages to move by flick.
|
|
|
+* **direction**: Slider direction.
|
|
|
+* **cover**: Whether to convert an img src to background-image of its parent element. height, fixedHeight or heightRatio is required.
|
|
|
+* **accessibility**: Whether to enable accessibility(ARIA attributes) or not.
|
|
|
+* **isNavigation**: Determine if a slider is navigation for another.
|
|
|
+* **trimSpace**: Whether to trim spaces before the fist slide or after the last one.
|
|
|
+* **breakpoints**: Breakpoints definitions.
|
|
|
+* **classes**: Collection of class names.
|
|
|
+* **i18n**: Collection of texts for i18n.
|
|
|
|
|
|
## API and Extension
|
|
|
Splide provides some APIs and the way to customize the behaviour programmatically.
|