Global Navigation

Bildergalerie/Bilderstrecke

Mehrere Bilder zu einem Thema können entweder als Bildergalerie mit Thumbnails oder als Bilderstrecke präsentiert werden.

Beschreibung

Es gibt drei verschiedene Ausprägungen, die mit der Komponente Bildergalerie/Bilderstrecke erstellt werden können.

  • Bildergalerien sind für Dokumentationen geeignet.
  • Bilderstrecken sind für Impressionen geeignet.
  • Bildarchive eignen sich für grosse, strukturierte Bestände wie beim Stadtarchiv.

Bei einer Bildergalerie sieht man die Bilder als Thumbnails und kann ein beliebiges in der Lightbox öffnen, wohingegen die Bilderstrecke ein Vorschaubild zeigt und man in der Lightbox durch die restlichen Bilder blättert.

Bildergalerie/Bilderstrecke erstellen

  1. Bilder optimieren, hochladen und Metadaten eingeben
    Bilder pro Galerie in einem eigenen Ordner in der Assets-Konsole hochladen. Dort die Metadaten der Bilder bearbeiten. Idealerweise haben alle Bilder einer Galerie dieselbe Grösse und dasselbe Format.
  2. Komponente im Seiteneditor einfügen
    Die gewünschte Ausprägung (Bildergalerie oder Bilderstrecke) einstellen.
  3. Ggf. Teaser einrichten
    Bei Bedarf kann eine Teaser-Komponente auf einer Übersichtsseite eingefügt werden. Sie durchsucht im gewählten Seitenast untergeordnete Bereiche nach vorhandenen Bildergalerien und/oder Bilderstrecken und bildet diese ab.

Bildarchiv einrichten

  • Der Aufbau eines Bildarchivs ist ähnlich wie bei einer Bildergalerie, nur ist die Ordnerstruktur mehrstufig.
  • Da hierzu grössere Datenbestände automatisiert in die Assets-Konsole übertragen werden, braucht es für die Einrichtung eines Bildarchivs die Unterstützung der OIZ. 

Bearbeitungsfenster

Bearbeitungsfenster Bildergalerie: Pfad und Galerietyp
Bearbeitungsfenster Bildergalerie: Pfad und Galerietyp

Reiter «Bildergalerie»

  • Galerie-Typ: Standard belassen. Für Bildarchive OIZ beiziehen.
  • Quellverzeichnis: Wählen Sie den Pfad zum Ordner mit den Bildern. Bei Bildergalerien muss es ein Zielordner ohne Unterordner sein, sonst werden diese in der Galerie aufgelistet.
  • Anzeigen als: Wählen Sie zwischen der Anzeige als Bildergalerie oder Bilderstrecke. Je nachdem wird dann der Reiter «Anzeige als Bildergalerie» oder «Anzeige als Bilderstrecke» aktiviert.
  • Titel: Bei einer Bildergalerie entspricht der Titel der Komponenten-Überschrift, bei einer Bilderstrecke wird er zur Legende des Vorschaubilds.
  • Beschreibungstext: Geben Sie eine Beschreibung für die gesamte Bildergalerie ein; sie wird unterhalb des Titels angezeigt. Bei einer Bilderstrecke wird der Text nicht angezeigt.
  • Bilder sortieren: Entweder nach Assets-Hierarchie oder nach den Titeln. Die Reihenfolge der Bilder kann in der Assets-Konsole geordnet werden. Der Bildergalerie-Ordner muss in den Eigenschaften «sortierbar» markiert sein.
  • Sortierrichtung: Alphabetisch Sortierung, auf- oder absteigend.
  • Position innerhalb Teaser: Diese Einstellung ist dann wichtig, wenn Teaser eingesetzt werden. Da die Teaser-Komponente sämtliche Bildergalerien/Bilderstrecken durchsucht, kann hier gezielt eine Position eingegeben werden.
  • Auch eine Bildergalerie kann in der Ankernavigation verborgen werden.
  • Markieren Sie die Checkbox «Copyright aus den Asset-Metadaten anzeigen», wenn das Copyright in der Bildlegende angezeigt werden soll.

Reiter «Metadaten»

  • Im Teaser anzeigen: Wählen Sie, ob und in welchen Bereichen die Bildergalerie in einem Teaser erscheinen soll.
  • Bild: Wählen Sie ein Bild für die Anzeige in Teasern bzw. in der Voransicht.

Reiter «Anzeige als Bildergalerie»

  • Anzahl angezeigte Bildzeilen (à drei Bilder): Wählen Sie die Anzahl der Minibilder in der Galerie-Voransicht. Drei Bildzeilen à drei Fotos = neun Fotos.
  • Die Thumbnails sind im Format 16:9. Bei schmaleren Formaten erscheinen beidseitig graue Balken.

Reiter «Anzeige als Bilderstrecke»

  • Um die Bilderstrecke direkt auf der Seite, also nicht nur in der Lightbox blättern zu können, aktivieren Sie die Checkbox «Als Karussell innerhalb der Seite anzeigen».
  • Teaserbild für Bilderstrecke: Bilderstrecke können optional ein zusätzliches Bild für die Voransicht haben.
  • Achten Sie darauf, nicht ein Bild aus demselben Ordner zu wählen, sonst erscheint es doppelt in der Lightbox
  • Wählen Sie kein separates Teaserbild, wird in der Voransicht das erste Bild aus dem Ordner angezeigt.

Vorgaben

Beispiel Bildergalerie

Dieser Text stammt aus dem Feld «Beschreibungstext».

Die Thumbnails werden im Format 16:9 angezeigt. Bei Bildern mit anderen Seitenverhältnissen erscheinen graue Balken.

(500 Zeichen) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, n
(500 Zeichen) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et... © Stadt Zürich
(500 Zeichen) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo du
DAM-Titel sollten nicht mehr als 123 Zeichen haben, sonst werden sie abgeschnitten (Titel im DAM)
DAM-Titel sollten nicht mehr als 123 Zeichen haben, sonst werden sie abgeschnitten (Titel im DAM) © Stadt Zürich
Beschreibung im DAM

Beispiel Bilderstrecke

   

(500 Zeichen) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, n
(500 Zeichen) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, n © Stadt Zürich
(500 Zeichen) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo du
DAM-Titel sollten nicht mehr als 123 Zeichen haben, sonst werden sie abgeschnitten (Titel im DAM)
DAM-Titel sollten nicht mehr als 123 Zeichen haben, sonst werden sie abgeschnitten (Titel im DAM) © Stadt Zürich
Beschreibung im DAM
Limmat bei Wipkingen (Titel im DAM)
Limmat bei Wipkingen (Titel im DAM) © Stadt Zürich
Beschreibung im DAM
Limmatquai (Titel im DAM)
Limmatquai (Titel im DAM) © Stadt Zürich
Beschreibung im DAM
Parlament (Titel im DAM)
Parlament (Titel im DAM) © Stadt Zürich
Beschreibung im DAM

Weitere Informationen