Mercury Dokumentation

Slider

Ein Slider stellt eine wechselnde Serie von Bildern dar.

Der Slider wird in 3 verschiedenen Varianten angeboten, welche übder die Element-Einstellungen ausgewählt werden können.

Die Slider-Variante Bannner-Großbild Slider stellt immer ein großes Bild in wechselnder Abfolge dar. Auf dem Bild kann ein Text dargestellt werden. Das Bild kann auch mit einem Link versehen sein.

Über eine Reihe von Element-Einstellungen kann z.B. die Anzeigedauer eines Bildes oder die Darstellung auf mobilen Geräten angepasst werden.

Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend

Die Slider-Variante Logo-Karussell Slider stellt mehrere kleinere Bilder, in der Regel Logos, nebeneinander dar. In dieser Variante ist keine Darstellung eines Textes über den Bildern vorgesehen. Ein Bild kann mit einem Link versehen sein.

Über die Element-Einstellungen kann z.B. die Anzahl der Bilder sowie die Geschwindigkeit der Animation angepasst werden.

Blick über den Rhein auf den Kölner Dom
Kölner Dom bei Nacht
Blick vom Kölner Dom
Kölner Dom von vorne
Kölner Dom am Abend

Die Slider-Variante Zeitabhängiges Banner-Großbild verhält sich weitgehend wie der Banner-Großbild Slider. Allerdings gibt es keinen automatischen animierten Bildwechsel. Statt dessen wird beim Laden einmalig zeitabhängig ermittelt, welches Bild angezeigt werden soll. Dieses Bild wird danach dauerhaft angezeigt.

Dadurch kann man die Animationen auf einer Seite reduzieren, dem Benutzer beim mehrfachen Aufruf der Seite am Tag aber dennoch verschiedene Bilder anzeigen.

Über die Element-Einstellungen kann eingestellt werden, in welchem Zeitraum die Bilder beim laden der Seite gewechselt werden. Weiterhin kann u.a. eingestellt werden, ob die Bilder vom Benutzer trotzdem manuell gezogen bzw. mittels der Pfeile- bzw. Punkte-Schaltflächen gewechselt werden können.

Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Blick über den Rhein auf den Kölner Dom
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend

Mit Meilenstein 19 wurde das JavaScript des Sliders durch ein neues, moderneres Modul ersetzt. Dadurch hat der Banner-Großbild Slider nun geänderte Element-Einstellungen für den Bildwechsel-Effekt, sowie neue Einstellungen für die Effekt-Geschwindigkeit und den Abstand zwischen Bildern.

Zur Demo