Slideshow

Beschreibung

Mir einer Slideshow können Sie auf aktuelle Themen mit Bild und Text hinweisen. Die einzelnen Hinweise (Slides) können dabei automatisch oder von Hand durchgeblättert werden.

Slideshows können im Intro-Bereich einer Seite prominent platziert werden, aber auch im Content-Bereich.

Die Bilder werden auf die verfügbare Spaltenbreite skaliert und in der Höhe zentriert. Wir empfehlen, Bilder mit einheitlichem Höhen/Breiten-Verhältnis zu verwenden, damit diese nicht «rauf- und runterspringen».

Erstellung

Slideshow-Konfiguration
Slideshow-Konfiguration
Grundeinstellungen der Slideshow
  • Klicken Sie im Bereich «Content» auf «New Content Component».
  • Wählen Sie «Slideshow» und bestätigen Sie mit «Auswählen».
  • Im neuen Fenster wählen Sie bei «Design» die Hintergrundfarbe «Grau» oder «Weiss». (Falls die Bilder unterschiedliche Seitenverhältnisse haben, empfehlen wir «Weiss»).
  • Wenn die Slides automatisch durchgeblättert werden sollen, aktivieren Sie «Autoplay».
  • Geben Sie die «Anzeigedauer» (in Sek.) an.
  • Speichern Sie diese Einstellungen.

Nun ist die Slideshow grundsätzlich erstellt. Die Bilder.fügen wir im nächsten Abschnitt ein. Diese müssen sich bereits im Assetbereich befinden.

Bild-Konfiguration
Bild-Konfiguration
Jedes Bild einer Slideshow erlaubt drei zusätzliche Eingaben: Titel, Text und Link
  • Öffnen Sie die Komponente «SLIDESHOW» (Klicken Sie im grünen Balken auf den  Schreibstift rechts).
  • Klicken Sie auf die Schaltfläche «ADD».
  • Eine Bildlegende erstellen Sie mit «Titel» und «Text» (Optional).
    Achtung: Verwenden Sie keine doppelten Hochkommas ("), sonst werden die Felder nicht angezeigt. Verwenden Sie einfache Hochkommas (') oder Guillemets («…»).
  • Im Feld «Bild» wählen Sie das gewünschte Bild aus: Select New.
  • Sie können einen Link zum Slide hinzufügen (Optional). Er erscheint unter der Bildlegende als Mehr… und das Bild wird ebenfalls verlinkt.
  • Bestätigen Sie die Angaben mit «Änderungen speichern».

Hinweis

Bilder, die schmäler als die Spalte sind, werden nicht auf die Spaltenbreite vergrössert, wenn ein Link eingegeben wird.

Dieses Fehlverhalten sollte mit einem zukünftigen CMS-Update behoben werden.

Beispiel