Carousel Component
Usage
The Carousel component is based on the Bootstrap carousel and looks alike.
Identical to Gallery you need to register relations or pass elements manually via the elements()
method.
Options
The options differ from Gallery; it does not accept layout parameters such as columns
- there is only one slide per view but it accepts some options from the Bootstrap Carousel API.
Control elements
You may use control buttons (prev-next slide) or indicators (bullets) with next methods:
Fit property
Empty value
Elements
See element for Gallery.
Size
You can specify the height of the gallery. By default, it stretches as much as the highest image in the carousel.
Accepts any valid CSS units as a string
parameter.
Animation
If you wish to use fade animation use the fade()
method
Combine with Lightbox
By default, you cannot zoom image in a carousel. But if you wish, you may combine it with lightbox.
This will allow you to convert simple Carousel into a Carousel with Lightbox, where every image can be opened in gallery mode.
Interval
Specify the interval between slide changes in milliseconds.
Default is 5000ms (5 seconds).