Carousel Slider

Description

Carousels display one slide at a time as a large image. Users can navigate through the set of slides using the smaller thumbnail images below the Slider. Users can navigate "panes" of thumbnail images using the navigation arrows that overlay these images or by swiping the images on a touch screen device. In larger viewports, they may also navigate the "panes" using the navigation bars below the Slider. Clicking or tapping the large image or text area opens the associated link or plays the video in place. The Carousel will not automatically "play" through the slides.

This example uses the default options:
data-adaptive-height="false"
data-larger-overlay-description="true"

Slider in full width container

Error processing SSI file

More Content...

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem cupiditate deleniti ipsa atque iusto blanditiis, autem a dolor ipsum molestiae aut provident consequatur facilis quia dolore qui mollitia officia reiciendis?

Slider in half width container

Error processing SSI file

With data-respond-to="container"

More Content...

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem cupiditate deleniti ipsa atque iusto blanditiis, autem a dolor ipsum molestiae aut provident consequatur facilis quia dolore qui mollitia officia reiciendis?

Slider in half width container

Error processing SSI file
Page last reviewed: