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://github.com/ganlanyuan/tiny-slider
• https://kenwheeler.github.io/slick/ - is the top component on JsDeliver but unfortunately deprecated
• https://flickity.metafizzy.co/ - same author than masonry
• https://splidejs.com/
• https://owlcarousel2.github.io/OwlCarousel2/ (With mouse wheel)
• https://swiperjs.com/demos