Slider

The slider creates a slide show or an image carousel with a configurable interval where images with texts are displayed.

The slider is available in different variants, e.g. as a large image variant or as a horizontal, small-format logo bar.

Depending on the selected formatter, the slider can be created with elaborate visual animation and fade effects. However, there are also simpler variants that offer visitors a varying introduction to a website, e.g. with images that only change several times a day.

XSD documentation

Slider

Description of all editor fields

Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.

View across the Rhine to Cologne Cathedral

Sunset and Hohenzollern Bridge included
More info

Cologne Cathedral at night

The stars twinkle too
More info

View from Cologne Cathedral

Cologne Cathedral from the front

Cologne Cathedral in the evening

Example slider, displayed with the formatter "Hero image slider".

Available formatters

Hero image slider

The slider variant hero image slider always displays a large image in alternating sequence. A text can be displayed on the image. A link can also be provided to the image.

A number of element settings can be used to e.g. adjust the display duration of an image or the layout on mobile devices.

Hero image slider with CTA display

The slider variant hero image slider with CTA (Call to action) display always displays a large image with subtext formatted as CTA button in alternating sequence. A link should also be provided to the image.

A number of element settings can be used to e.g. adjust the display duration of an image or the layout on mobile devices.

Hero image slider with text next to the image

The slider variant hero image slider with text next to the image always displays a large image with text next to it in alternating sequence. A link can also be provided to the image.

A number of element settings can be used to e.g. adjust the display duration of an image or the layout on mobile devices.

Logo carousel slider

The slider variant logo carousel slider displays several smaller images, usually logos, next to each other. In this variant, the text can be displayed below the images in a limited way. An image can be provided with a link.

With the element settings it is possible to e.g. adjust the image count or the animation speed.

Timed hero image

The slider variant timed hero image behaves largely like the banner hero image slider. However, there is no automatic animated image change. Instead, the system determines which image is to be displayed once during loading. This image is then displayed permanently.

This reduces the number of animations on a page, but still shows different images when the page is visited several times during the day.

The element settings can be used to set the time period in which the images are changed when the page is loaded. Furthermore, it can be set whether the images can still be dragged manually by the user or changed using the arrow or dot buttons.