Slick carousel

For the client project, we've decided to move away from the bootstrap carousel to a more flexible and popular carousel. Compared to the bootstrap carousel, the slick carousel offers way more functionalities and events(there are basically only 2 events with the bootstrap carousel: slid and slide). Documentation: Styleguide section

Setup

The base of the slick carousel just requires three main levels of nesting: .t1-carousel-container > .t1-carousel > .t1-slide

Options

Configuring this carousel is done through the data-option attribute data-option={"theOptionToAdd":value}

Events

NOTE FOR THIRD PARTIES : please use native postal subscribe/publish events and never use T1.constants content without any fallback to it's value.

Demo

Styleguide section