C9 Image Carousel

 Overview

This block, like most of our other blocks, works best in a C9 Grid block. We like using image carousels to showcase more photos or views of a feature on landing pages to further capture users’ attention.

Image Carousel

Image Carousel Settings

There’s a few helpful settings here to account for slide settings, durations, pagination, and number of slides. For the smoothest user experience, make sure your images are all the same size. Images have a caption, and optional additional caption on every slide. Captions are invisible if not entered.

Carousels come with three slides by default. To add an additional slide, open up the Block Settings in the inspector by clicking on the gear icon next to the feather icon.

Number of Slides to produce

Defaults to three slides. Removing slides will delete content so keep that in mind when reducing slide numbers.

Wrap Around

Restart slides back at beginning after it has played through.

Enable Auto Slide

Automatically paginate between images in the carousel

Time in between slides (ms)

How many milliseconds do you want to have for each slide? 5000ms would be 5 seconds.

Show Controls

The backend WordPress admin will see a dashed outline around the carousel controls. The front end only has simple arrow controls. If you want to hide those, select this toggle. (Visible/enabled by default)

Show Indicators

The indicators are the little dashed lines at the bottom of the carousel images to indicate how many total images there are. They are visible by default.

Advanced

Additional CSS Class

Add a custom CSS class for additional styling or customization.