Slideshow

The slideshow component automatically changes the displayed image every four seconds. The image can manually be changed with a mouse or keyboard using the left and right arrows at either side of the image. The slideshow also has a pause and play button at the bottom, which is an accessibility standard requirement.

Let's take a look at a slideshow component, in the below example we have toggled on the "Ignore Container" within the "Image Styles" tab, so that the slideshow takes up the full width beyond the content container. We also set the "Height" fields to 70 across all device types on the "Image Styles" tab.

Let's make another slideshow component, this time we'll uncheck the "Ignore Container" within the "Image Styles" tab and include three images instead of four.