Web UI - Carrousel
About
A carrousel is a slideshow component.
You cycles through elements (images or slides of text) where:
- the actual one is the prominent one
- shown at the center.
The next/previous one may be visible but are less prominent (smaller in the backend or with a gray color)
Other names:
- gallery
- sliders
The name generally defined the type of the movement. For instance:
- slider - rewinds slider to the start/end when it reaches first or last slide,
- carousel - changes slides without starting over when it reaches first or last slide.
Control and design by device
- On a mobile, the carrousel is managed via a swipe where the element are moving smoothly
- On a desktop, the carrousel is managed by page via the mouse.
Documentation / Reference
- https://kenwheeler.github.io/slick/ - is the top component on JsDeliver but unfortunately deprecated
- https://flickity.metafizzy.co/ - same author than masonry