Carousel

Carousel

Source:
Properties:
Name Type Description
states object

Set of classes that serve as flags for carousel states.

selectors object

Set of selectors that can be used to select carousel features.

compontentClass string

For toggling between init and active carousel style states.

layoutClass string

(e.g. l-videoCarousel, l-editorsPicks), different carousel layouts may have their own specific styles to be applied in the init and active states.

initSettings object

Settings applied when carousel is on the first slide.

activeSettings object

Settings applied when carousel is not on the first slide.

enableAtWidth int

Setting defines width at which to enable carousel.

hasPicker bool

Setting defines whether a carousel item picker is present.

glide object

GlideJS carousel instance.

carouselLength int

Total number of slides in the carousel.

desktopWidth int

Desktop breakpoint, used for toggling picker hover behavior.

$elem element

The video carousel element itself.

$picker element

Carousel item picker element.

Carousel functionality. Initializes GlideJS carousel based on settings provided in constructor. Adjusts behavior based on breakpoint and enableAtWidth settings.

Carousel

Source:
Parameters:
Name Type Description
$elem object

The carousel element object.

settings object

Carousel settings to be merged with defaults