1 Slide Per Move
The vertical slider requires the
heightRatio option to determine the slider height.
waitForTransition option must be
Each slide width is determined by its element width itself.
You can add the progress bar and play/pause buttons by providing the extra HTML. Also, you can enable autoplay only when the slider is in the viewport by using the Intersection extension.
The fade transition does not support multiple slides.
Right to Left
You can update some options by the media query. Change the window size to see how it works.
You can dynamically add/remove slides via API.
Splide can set the image source inside each slide to the wrapper element as a background image. No need to crop images by an image editor.
Lazy Load defers loading images to reduce initial loading time and memory/bandwidth consumption. Check your browser development tool to see how it works.
Splide sliders can be synchronized with one another. By utilizing this, you can make a gallery with thumbnails navigation.
The AutoScroll extension continuously scrolls the slider (AutoScroll extension is required). This is compatible with the Intersection extension.
The Video extension assigns HTML, YouTube and Vimeo videos to slides (Video extension is required). This is compatible with the Intersection extension.
The Grid extension creates rows and cols in a slider (Grid extension is required).
URL Hash Navigation*
The URL Hash extension enables to sync the slider with the URL hash, and update the hash when the active slide changes (URL Hash extension is required).