Slider

Bilder im Karussell anzeigen

In einem Slider können mehrere Grafiken oder Bilder nacheinander ein- und ausgeblendet werden.

Slider hinzufügen

  1. Rahmenseite: bearbeiten
  2. "Neuen Inhalt erstellen": "Slider" wählen und "Go!" klicken.
  3. Ein neuer Slider wird erstellt.
  4. Bilder werden dem Slider als einzelne Bild-Seiten hinzugefügt (siehe unten).
  5. Es gibt folgende Konfigurationsmöglichkeiten.
    • Höhe: Slider-Höhe in Pixel
    • Pfeile: Navigations-Pfeile links und rechts auf dem Sliderbild einblenden bei Mouseover, immer einblenden oder nicht anzeigen
    • Bullets (die Markierungspunkte am unteren Bildrand) einblenden bei Mouseover, immer einblenden oder nicht anzeigen
    • Transition, Übergangseffekte zwischen den Bildern: stückweise einblenden, überblenden oder verschieben
    • Standzeit Bild (Autoplay): Anzeigedauer eines Bildes in ms  
    • Geschwindigkeit Animation: Dauer des Übergangeffektes in ms 

Bilder zu Slider hinzufügen 

Bilder werden dem Slider als einzelne Bildseiten hinzugefügt. Empfohlene Bildbreite: 1240 px. Die Höhe sollte auf die eigentliche Bildhöhe angepasst werden. Am Besten werden Bilder vor dem Upload auf dassselbe Seitenverhältnis und dieselbe Größe gebracht.

  1. "Slider-Bilder zu "Slider" hinzufügen, sortieren, entfernen" klicken
  2. Das Fenster "Link-Element bearbeiten" öffnet sich.  
  3. Um eine neuen Bildseite zu erstellen, klicken Sie "Seite erstellen und verknüpfen" und vergeben eine Überschrift. Eine neue Bildseite wird angelegt und ist zur Bearbeitung geöffnet. Nun können Sie über den Red Dot "Bild" ein Bild aus dem Assetmanager zuordnen oder die Überschrift nochmal verändern. Jedem Bild kann ein Text und ein Link mitgegeben werden. Schließen Sie die Bearbeitung ab und fügen ggf. das nächste Bild hinzu.
  4. Mit "Slider-Bilder zu "Slider" hinzufügen, sortieren, entfernen" und "Bestehende Seite verknüpfen" im Fenster "Link-Element bearbeiten", kann eine bereits bestehende Bildseite hinzugefügt werden, die z. B. schon einmal in einem anderen Slider verwendet wird.
  5. Auch die Reihenfolge der Bilder kann über den Button "Slider-Bilder zu "Slider" hinzufügen, sortieren, entfernen" angepasst werden.

Beispiel-Slider

Bild 1: Monte Rosa

Bild 2: Lago Maggiore