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-20250506-112103.png

 

Anzeige

Es gibt zwei Optionen, wie der Slider im Lerner-Frontend angezeigt werden kann:

Bildschirmbreite: Der Inhalt des Sliders deckt die gesamte Bildschirmbreite ab.
Containerbreite: Der Inhalt des Sliders hat die Größe des hochgeladenen Inhalts.

Höhe

Hält das Bild oder den Container auf einer bestimmten Höhe, unabhängig vom Inhalt. Die Größe ändert sich nicht automatisch. Das Bild versucht weiterhin, seine ursprüngliche Form beizubehalten, kann jedoch beschnitten werden oder zusätzlichen Platz einnehmen, wenn es nicht genau passt.

Höhenanpassung erzwingen

Diese Option nimmt die Höhe des Bildes oder Containers und passt sie automatisch an den Inhalt an. Wenn eine bestimmte Höhe konfiguriert ist, wird diese ignoriert. Außerdem werden die ursprüngliche Form und die Proportionen des Bildes beibehalten, sodass nichts gestreckt oder gestaucht wird.

 

Unendlicher Slider

Es zeigt eine pfeilbasierte Navigation am oberen Rand des Karussells an. Die Navigation ist kontinuierlich und beginnt wieder von vorne, wenn das Ende der Liste erreicht ist.

Position der Bildunterschrift

Wenn Text eingegeben wird, kann die Stelle des Inhalts (Bild oder Video) konfiguriert werden.

Unten links: Der Text befindet sich unten links auf dem Slider.
Zentriert: Der Text wird in der Mitte links auf dem Slider gestellt.
Unten rechts: Der Text befindet sich unten rechts auf dem Slider.

image-20250526-082422.png

Inhalt

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:

Anzeigen ab

Mit diesen Einstellungen kann ein Datum festgelegt werden, an dem das Element im Slider angezeigt wird.

Anzeigen bis

Mit diesen Einstellungen kann ein Datum festgelegt werden, bis zu dem das Element im Slider angezeigt wird.

Anzeigetext

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

image-20250526-081303.png

 

image-20250526-081454.png

 

Tipps & Tricks

Es ist möglich, einen Button als Call-to-Action auf dem Slider innerhalb des Textfeldes anzuzeigen.
Dies kann erreicht werden, indem Sie den Tab „Quelle“ im Texteditor verwenden, den folgenden CSS-Tag hinzufügen und die URL und den Button-Text austauschen. Stellen Sie sicher, dass die „...“ nach dem Austausch noch verfügbar sind.

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

 

Verwandte Funktionen

Panels

Portalseiten Administration