Style carousel

The style carousel allows to render a set of images as a slide show. The field sources defines the different image sources.

Note that the field sources is of type json and requires

1. valid json syntax (see https://www.json.org/)
2. an array of image objects where each image object has the following attributes
   • source: specifies the image location (simply use the name of the image if it was uploaded as asset)
   • alt (optional): specifies the text to be displayed if the image cannot be loaded (a descriptive text is very useful for blind people)
   • caption (optional): specifies an image caption that will be displayed at the bottom of the image

It is best to copy the example below and adapt the image names according to your requirements.

[{
  "source": "slide1.svg",
  "alt": "Image Description of Slide 1",
  "caption": "Image Caption of Slide 1"
},
{
  "source":"slide2.svg",
  "alt": "Image Description of Slide 2",
  "caption": "Image Caption of Slide 2"
},
{
  "source":"slide3.svg",
  "alt": "Image Description of Slide 3",
  "caption": "Image Caption of Slide 3"
}]

The field id_prefix takes any string of characters and will be prepended to the HTML id of the carousel element. Use a unique string if multiple carousels are on the same page. This prevents interference between them.