Using a Carousel interaction is a useful way to break up sections on your page and to encourage your learners to engage with the content. A Carousel can have multiple uses, including telling a story, displaying a conversation or breaking down a process.
Adding a Carousel
1. Open the page in your course where you would like to add the Carousel.
2. In Layout, navigate to the position on the page where you would like to add the Carousel and click the Add here button.
3. Select Interactions:
4. Select Carousel:
5. Three Carousel slides will be added to the page by default. In Layout, the slides will be stacked on top of one another, with the Next and Previous control buttons found at the bottom of the page. Click the Save button to save the changes.
Carousel Settings
In Layout, the settings for the Carousel can be found by by clicking on the variations menu on the top right of the interaction:
Under Variations you can control the settings for Controls Position and Button Alignment:
The Controls Position setting allows you to decide where the Next and Previous buttons that control the slides for the Carousel are positioned. The Button Alignment setting allows you to set where the control buttons are aligned with respect to the Carousel.
In Author, extra slides for the Carousel can be added by clicking the + Add Slide button on the top right of the interaction:
| Note: Individual slides can be deleted in Author, as well as specific parts of a slide that you want to delete for just that slide. For example, if you want an image container for slides 1 and 3 but not in slide 2, the image container can be deleted from slide 2 in Author. |
Carousel Example
The following example shows a typical example of how a Carousel is often used in a course. The example shows a Carousel in a course, using the default layout.
In Preview, just the first slide will display:
Use the Next button to navigate to the next slide:
The Next and Previous buttons can then be used to navigate through the Carousel.