Create an image carousel
A carousel adds a revolving sequence of images to your page, with or without overlaid text.
-
Browse to the Components Editor page where you want to add an image carousel.
-
Go to Edit > Edit centre content:
-
Place your cursor where you want to add the carousel.
-
Select Presentation > Carousel from the left-hand menu:
Alternatively, select an existing carousel and then select Settings in the component toolbar:
-
The Add a carousel pop-up appears:
-
Select the required check-boxes for the following display properties:
-
Full width: The carousel spans the available space, with no margin either side.
-
Flush top: Remove any space between the carousel and the component above it, or the top of the page, depending where it's placed.
-
-
Use the Text colour drop-down to select whether text overlaid on the carousel is Light or Dark.
-
Each slide within the carousel has a section to specify its properties:
-
To select the image for the slide, do one of the following:
-
Use the Image text field to enter the URL of the image you want to display. You can use relative or absolute URLs.
-
Select the button to locate an image that's already been uploaded to your site.
-
Drag and drop files into the dotted-line box.
-
Select the Browse button to locate and upload a file on your computer.
-
Select an image under Recently uploaded files, if any are present.
-
-
Optionally, in the Link to box, specify a web address that the Heading text will link to. You can enter the address directly in the box, or select the button to choose another page in your site.
-
In the Heading box, enter the text you want to appear as the heading for the text box overlaid on this image in the carousel.
-
In the Text box, enter the text you want to appear below the heading in the overlaid text box.
-
-
To add another slide, select the Add slide button. There is one of these buttons at the top and bottom of the pop-up, to add slides at either end of the carousel.
-
To change the order of slides, select the up or down arrow buttons in the top right of the corresponding section.
-
To delete a slide, select Delete slide in the top right of that slide's section.
-
When you've finished editing your slides, select Add carousel.
-
The carousel appears on your page. Visitors to the page can use the controls within the text box overlay to pause the slideshow, scroll through the slides, or select a specific slide by its number in the sequence:
-
When you've finished editing your page, select Publish.
