Das Element Slider
Der Slider ermöglicht es, eine Reihe von Bildern mit Texteinblendungen animiert wiederzugeben. Die Bilder können optional auch mit einer Seite verlinkt werden.
Es gibt verschiedene Varianten von Formattern für den Slider, Die mit M4.5 eingeführten Formatter Banner-Großbild Slider und Logo-Karussell Slider sind am weitesten entwickelt und bietet die beste Performance beim laden der Seite.
Erweiterte Slider-Konfiguration
Mit Meilenstein 7.0 gibt es erweiterte Möglichkeiten zur Konfiguration des Sliders. Die Hintergrundfarbe der über dem Bild angezeigten Titel kann nun optional mit individuellen Farben dargestellt werden. Dies erfolgt in den Element-Einstellungen des Sliders.
Slider mit einem oder mehren Bildern
Wenn nur ein Bild für den Slider konfiguriert wurde - wie im zweiten Beispiel - , so wird kein JavaScript geladen. Dies kann z.B. für die Optimierung von Startseiten genutzt werden.
Erst wenn zwei oder mehr Bilder konfiguriert, wurden - so wie ersten Beispiel - so wird das JavaScript für den Silder geladen.
Die Darstellung des Textes und das responsive Verhalten sind in beiden Fällen gleich. Das Verhalten wird automatisch angepasst, wenn Seiten hinzugefügt werden oder entfernt werden.
Hinweis: Dieses Verhalten wird nur unterstützt, wenn der Vorgabe-Formatter "Banner-Großbild Slider" gewählt ist.
© CC0 1.0 - Public Domain (von pixabay.com)
Unser schönes Bistum
Zeile 1 Aenean leo ligula, porttitor eu, consequat vitae.
Zeile 2 In enim justo, rhoncus lorem.
Zeile 2 In enim justo, rhoncus lorem.
© CC0 1.0 - Public Domain (von unsplash.com)
Dieser Slider hat nur ein Bild
Mit nur einem Bild wird
kein JavaScript verwendet
kein JavaScript verwendet
Slider als Logo-Karussell
Mit M4.5 steht auch eine zusätzliche Variante des Sliders als "Logo-Karussell" zur Verfügung. Hierzu ist der Entsprechende Formatter "Logo-Karussell Slider" auszuwählen. Über die Element-Einstellungen kann kontrolliert werden, wie viele Logos auf in jeder Bildschirmgröße (XS, SM, MD und XL) angezeigt werden.
