Bildergalerie erstellen mit HTML-Element
Bildergalerie erstellen mit HTML-Element
Das Verfahren auf dieser Seite beschreibt das Anlegen einer Bildergalerie mit dem Element "Text & Medien" und dem zusätzlichem HTML-Element „Bilder-Slider-Vorlage“ (als Datensatz einfügen). Das zusätzliche HTML-Element verändert global alle auf der Seite angelegten Bilder in "Text & Medien" und ist somit etwas weniger flexibel als das Inhaltselement "Uniol Bildergalerie". Es wird empfohlen, das neue Inhaltselement "Uniol Bildergalerie" zu nutzen.
Anleitung: So erstellen Sie eine Slideshow-Galerie
Zur Aktivierung der Slideshow-Galerie sind zwei Schritte erforderlich:
Abb. 1: Die Darstellung der Bilder auf die Spaltenbreite in Pixeln (siehe Marke ①) sowie 1-spaltig (siehe Marke ②) setzen. Nur bei 1-spaltig gesetzten Bilder-Elementen wird die Slideshow-Galerie aktiv!
Die Pixelbreite sollte sinnvollerweise auf die aktuelle Spaltenbreite (für die Mittelspalte sind das 750) gesetzt werden, dadurch hat das aktuell dargestellte "große" Bild die gleiche Gesamtbreite wie die Gruppe der Miniaturen.
Abb. 2 bis 4: Am Ende der Seite das Inhaltselement „Bilder-Slider-Vorlage“ als Referenz einfügen (nicht kopieren!): Zunächst ein neues Element "Datensatz einfügen" erstellen, dort dann im Suchfeld "bilder-slider-vorlage" tippen und das angebotene Element aus dem Datenpool anklicken, so dass es links in der Box "Datensätze" erscheint. Das Element speichern und schließen - fertig.
