Lanxess Carousel

Mit dem Lanxess Carousel hat man die Möglichkeit mehrere Teaser mit Text und Bild kompakt in einer Carousel Komponente darzustellen.

Das Carousel hat verschiedene Einstellungen, die über den Farbtopf erreichbar sind:

Die Einstellungen sind wie folgt:

• Visible Slides: Man kann mit Hilfe des Feldes, die Anzahl der Teaser, die angezeigt werden sollen, konfigurieren. Einstellbar ist die Anzahl 1 und 3.

• Show Arrows: Man kann mit Hilfe des Feldes die Anzeige der Pfeil-Buttons vom Carousel konfigurieren. Einstellbar ist:

  • Never: Es sollen nie Pfeile angezeigt werden.

  • Always: Es sollen immer Pfeile angezeigt werden.

  • On Hover: Es sollen nur Pfeile angezeigt werden, wenn man mit der Maus auf das Element geht (Hover). Hint: Mobil werden die Pfeile immer angezeigt.

• Show Dots: Man kann mit Hilfe des Feldes eine weitere Navigationsmöglichkeit mit Punkten anzeigen lassen. Diese wird unterhalb des Carousels dargestellt.

• Page All Slides: Wenn aktiv geschaltet, wird immer die ganze Anzahl der Teaser beim Navigieren über z.B. den Pfeilen rotiert. D.h. bei der 3er-Variante (Visible Slides: 3) werden immer drei Teaser neu angezeigt und nicht nur einer.

• Loop: Wenn aktiv geschaltet, werden die Pfeil-Buttons nicht ausgeblendet, wenn man den ersten Teaser an der linken Position oder den letzten Teaser an der rechten Position erreicht hat. Wenn man z.B. beim letzten Teaser angekommen ist und man erneut auf den rechten Pfeil-Button klickt, navigiert das Carousel automatisch wieder zurück auf den ersten Teaser.

• Autoplay: Wenn aktiv geschaltet, wird, nach der im Feld Autoplay Speed – In Seconds eingestellten Zeit, automatisch das Carousel rotiert, so als wenn man auf den rechten Pfeil-Button geklickt hätte.

• Pause Autoplay On Mouse Over: Wenn aktiv geschaltet, wird, nach hover mit der Maus / dem Cursor über dem Carousel, die Autoplay funktion gestoppt. D.h. das Carousel rotiert nicht mehr automatisch. Wenn man das Carousel wieder verlässt, wird entsprechend weiter rotiert. Wenn man auf einen Pfeil-Button geklickt hat, wird der Autoplay-Modus allgemein gestoppt bis man die Seite neugeladen hat.

• Autoplay Speed – In Seconds: Man kann mit Hilfe des Feldes, die Zeit (in Sekunden), wann der Autoplay gestartet wird, konfigurieren. Einstellbar ist 3 – 10.

• Hide Teaser Link Visually: Wenn aktiv geschaltet, wird der Link-Text und Link-Pfeil, der am Ende des Teaser-Textes angezeigt wird, ausgeblendet.

Darstellung 1er-Variante (Visible Slides 1):

Darstellung 3er-Variante (Visible Slides 3):