icon-symbol-logout-darkest-grey

Webkit ParagraphBildergalerie

Der Paragraph Bildergalerie ermöglicht es, mehrere Bilder mit Slideshow-Funktion nebeneinander in einer Seite einzufügen. Er eignet sich daher für eine größere Menge an thematisch ähnlichen Fotos, beispielsweise einer Veranstaltung oder Ausstellung.

Erklärung

Jedes Bild wird dabei auf der Seite im jeweils originalen Seitenverhältnis in Miniaturansicht angezeigt, durch Anklicken eines Bildes ist der Wechsel in Vollbild-Ansicht möglich. Verfügen die ausgewählten Bilder über eine Beschreibung, so wird diese in der Vollbild-Ansicht automatisch unterhalb der Bilder angezeigt. Durch Klick auf die rechts und links angezeigten Pfeile kann zum nächsten Bild in Vollbild-Ansicht gewechselt werden.

In der normalen Ansicht werden Bilder in der Galerie als Kacheln angezeigt, im Vollbildmodus wird ein Bild vergrößert vor schwarzem Hintergrund angezeigt.

Bildergalerien finden sich ebenso wie alle anderen Paragraphen im Inhalts-Bereich des Bearbeiten-Fensters einer Seite. Sie enthalten einen Titel und einen Bilder-Bereich, in den Bilder über den Button Auswählen eingefügt werden können. In der sich öffnenden Auswählen-Maske können über Bilder oder Bilderliste bereits im Webkit vorhandene Bilder ausgewählt werden, die Bilderauswahl beider Bereiche ist jeweils nach Admin-TitelTagsLizenzSpracheAutor:in und Veröffentlichungsstatus filterbar. Unter Neues Bild ist es möglich, ein neues Bild ins System einzupflegen und automatisch in die Bildergalerie einzuhängen. 

Klickanleitung: Bilder für den Paragraph Bildergalerie Bilder auswählen.

Bilder in der Bildergalerie sortieren

Im Frontend werden die Bilder in der gleichen Reihenfolge wie im Backend angezeigt. Werden mehrere Bilder gleichzeitig über den Auswählen-Button ausgewählt, empfiehlt das System automatisch eine Reihenfolge, sodass die komplette Bildergalerie im Frontend eine annähernd rechteckige Form behält (und damit die Bilder möglichst kompakt angeordnet werden). Sofern die Reihenfolge für den entsprechenden Präsentationszweck nicht ideal ist, kann sie natürlich trotzdem manuell per Drag & Drop angepasst werden.

Ansicht von Backend und Frontend einer Bildergalerie mit 3 Bildern.