Infinite Slider
Integrate an infinite horizontal slideshow into your web application for seamless content presentation.
Configuring the Infinite Slider
The Infinite Slider employs a flexbox layout for each slide, allowing you to incorporate multiple elements within each slide's flexbox.
To configure the infinite slider, follow these steps:
- Slides: Add slides manually by clicking the
+
symbol in the editor. Alternatively, bind the slider to a list, ensuring that the fields within the flexbox align with the values in the repeating fields. - Slides per View: Specify the number of slides visible at once.
- Space Between: Define the spacing between slides in pixels.
- Effect: Choose from various transition effects, including:
- Slide: A basic horizontal sliding effect.
- Fade: A smooth fading transition between slides.
- Coverflow: A 3D effect where slides appear to be stacked.
- Flip: A 3D flip effect for transitioning slides.
- Cards: A card-stacking effect for a unique transition.
- Transition Duration: Set the duration of transitions in milliseconds.
- Navigation: Enable or disable arrow navigation.
- Pagination: Toggle the display of page indicators.
- Loop: Ensure continuous looping of slides without interruption.
- Autoplay: Activate autoplay and configure the following properties:
- Timing: Set the autoplay interval in seconds.
- Linear Transition: Toggle linear transition for autoplay.
- Mousewheel Control: Enable or disable control via mousewheel.