Advertising sustains the DA. Ads are hidden for members. Join today

Carousel

Last updated on
18 June 2024

The carousel will display your view content in slideshow carousel as documented.

carousel settings screen using content

The settings will allow you to set a custom row class, the interval value of the slide transitions, including or not including the navigation and indicators, pause on mouse hover over the slide, and the wrap to continuously cycle the slides or not.

Carousel slide displayed

If you are finding that your images are not responsive in the carousel, please be sure that you have set your theme settings to added the img-responsive class.

Bootstrap theme image responsive settings

If you do not want to have this setting applied site-wide by your theme, you can add a css style that does the same thing and target that to your carousel.

.carousel img {
  max-width: 100%;
  height: auto;
  display: block;
}

It is possible to generate carousels from multiple nodes or an image field that contains multiple images. You can include specific fields to be designated as the image, the title, and the body, or you can set the format to show content and control your slide display in your content type templates. The later method allows you to mix content types into a single carousel. If your content results in only a single record, the navigation and indicators will not be displayed.

Help improve this page

Page status: No known problems

You can: