Panel - Slider

ID=187

Dieses Panel ermöglicht die Anzeige eines Sliders mit Bildern und Videos, wobei Text direkt über jedes Bild oder Video gelegt werden kann.

Panel-Einstellungen

image-20260428-113430.png
Slider Panel - Beschreibung

Einstellung

Beschreibung

Anzeige

Es stehen zwei Optionen zur Verfügung, wie der Slider im Learner-Frontend angezeigt wird:

Bildschirmbreite: Der Slider-Inhalt nimmt die gesamte Bildschirmbreite ein.
Containerbreite: Der Slider-Inhalt hat die Größe des hochgeladenen Inhalts.

Höhe (max. 1000 Zeichen)

Passt die Höhe des Bildes oder Containers automatisch an den Inhalt an. Ist eine bestimmte Höhe konfiguriert, wird diese ignoriert. Die ursprüngliche Form und Proportionen des Bildes bleiben erhalten, sodass nichts gestreckt oder gestaucht wird

Höhenanpassung erzwingen

Passt die Höhe des Bildes oder Containers automatisch an den Inhalt an. Ist eine bestimmte Höhe konfiguriert, wird diese ignoriert. Die ursprüngliche Form und Proportionen des Bildes bleiben erhalten, sodass nichts gestreckt oder gestaucht wird

Unendlicher Slider

Zeigt eine pfeilbasierte Navigation am oberen Rand des Karussells an. Die Navigation ist fortlaufend und beginnt wieder am Anfang, wenn das Ende der Liste erreicht ist.

Position der Bildunterschrift

Gibt die Position der Textbeschriftung auf dem Bild oder Video an.

  • Unten links: Der Text wird unten links im Slider angezeigt.

  • Zentriert: Der Text wird mittig im Slider angezeigt.

  • Unten rechts: Der Text wird unten rechts im Slider angezeigt.

image-20250526-082422.png

Inhalt

image-20260904-134511.png
Konfiguration von Bild und Video

Auf dem Tab „Inhalt“ können zwei Elemente ausgewählt und für die Darstellung im Slider konfiguriert werden.

  • Bild

  • Video

Die Konfiguration für jeden Artikel folgt derselben Struktur:

Einstellung

Beschreibung

Anzeigen ab

Legt fest, ab welchem Datum der Inhalt im Slider angezeigt wird.

Anzeigen bis

Wird hier kein Datum angegeben, so wird der Inhalt zeitlich unbeschränkt angezeigt.

Anzeigetext

Der im Bild angezeigte Text kann hinzugefügt werden. Dieser Text wird basierend auf der „Stelle zum Anzeigen des Textes“ angezeigt, die im Tab „Beschreibung“ zu finden ist.

 

Tipps & Tricks

Es ist möglich, einen Button als Call-to-Action auf dem Slider innerhalb des Textfeldes anzuzeigen.
Dies kann erreicht werden, indem der Tab „Quelle“ im Texteditor verwendet wird, der folgende CSS-Tag hinzugefügt sowie die URL und der Button-Text ausgetauscht werden. Dabei ist sicherzustellen, dass die „...“ nach dem Austausch noch verfügbar sind.

<A class="ImcButton" href="https://www.google.com" target="_blank">Button-Test</A>

 

Globale Funktionen und verwandte Themen

Panels

Portalseiten Administration