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.

Die heilige Erstkommunion
Die heilige Erstkommunion
Die heilige Erstkommunion
Die heilige Erstkommunion
Die heilige Erstkommunion
Maecenas nec odio et ante tincidunt tempus lorem ipsum.
Die Taufe
Die Taufe
Die Taufe
Die Taufe
Die Taufe
Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.

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.

Die heilige Erstkommunion
Die heilige Erstkommunion
Die heilige Erstkommunion
Die heilige Erstkommunion
Die heilige Erstkommunion
Maecenas nec odio et ante tincidunt tempus lorem ipsum.
Die Taufe
Die Taufe
Die Taufe
Die Taufe
Die Taufe
Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.

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.