Skip to main content
Web Creator Guide
Go to Search Page

Image Carousel

A carousel component displays multiple pieces of thematically-related content within a limited space. It consists of a series of slides with optional titles and descriptions that manually transition from one to another.

    When To Use This Component

    This component should be used when you want to display a number of related images but still want each one to be fairly large on the page. As opposed to an image gallery, it is also a good option if you want captions to be showing for every image (the optional caption will always be present on a carousel versus in the gallery where it’s only visible on hover).

    USAGE EXAMPLES

    Component Dos & Don’ts

    There might be a time when you don’t know whether to use a carousel component or not. Here are some examples of how to effectively use a carousel component at Charlotte and when you shouldn’t use one:

    DO

    Use the carousel component when you want to display a number of images (up to 10) one at a time, in a rotating manner, within the body of a page.

    DON’T

    A carousel uses only images, it will not accommodate videos. It should also not be used for infographics (images with text) or in the place of page headers.

    Component Design Options

    Below you will find an example of the carousel component and its various design options.

    EDITABLE PARTS

    • Test