Image Carousel 

This block can be used to display a rotating slideshow of images.

 

Episerver Required Blocks

The image carousel can be constructed using the following Episerver blocks: 

  • Image Carsouel - Rotating image slideshow.
  • Image Carsouel Slide - Image slide that can be added to an image carousel or image carousel hero. 

You must create the image carousel slide blocks before creating the image carousel block. You will then drag the image carousel slides onto the image carousel block. 

 

Add To 

Image Carousel: 

  • The main content area on any content page
  • The hero content area on any content page
  • Padding containers

Image Carousel Slide: 

  • Hero 1 (Carousel)
  • Image Carousel

 

 

Fields & Configurations: 

Image Carousel 

Property
Configuration
Validation

Component Height

Choose a value for the component’s height from the drop down.

  • Full-screen 
  • Flex

Full-screen: the component will fill the screen height on the device.

Flex: the component height will fit the height of the content it contains.

Required

Images

Add slideshow item block references to the content area.

Minimum of 2

Maximum of 15

 

Image Carousel Slide 

Property
Configuration
Validation

Desktop Image

Add an image content reference to display on the slide. If no mobile image is provided, this image will display on mobile devices as well.

Required

Mobile Image

Choose an image content reference to display on mobile devices. 

 

 

Example Blocks

The examples shown below represent this block and all of its various configurations.