---
title: Gallery
url: "https://www.erschmatt.ch/bibliothek-1/media-elements/gallery/"
date: 2018-03-19
modified: 2023-05-15
lastUpdated: 2023-05-15
---

# Gallery

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. [Media Elements](https://www.erschmatt.ch/bibliothek-1/media-elements/)
4. Gallery

  Gallery
=======

Eine Galerie mit mehreren Bildern, zentriert auf der Seite.

Item-ID: 05-003

[Beispielansicht](#c1358) [Anleitung](#c1353) [Verhalten](#c1351)

 Oops, an error occurred! Request: a1f82866dd910 Event: d984b40449464f458eeca0133e031ada ---

  Beispielansicht
-----------------

 Oops, an error occurred! Request: a1f82866dd910 Event: 9472e5f6477845378d0fcd407734f911  Anleitung
-----------

 Oops, an error occurred! Request: a1f82866dd910 Event: 4cc73059a8ae47c290eb65ae391b62ca ---

  Verhalten
-----------

 Die *Gallery* bietet Ihnen die Möglichkeit, mehrere Bilder neben- und untereinander in Form einer Galerie darzustellen. Achten Sie auf ein ähnliches Seitenverhältnis der Bilder und meiden die Mischung von Hoch- und Querformaten. Die Galerie entfaltet optisch bei einer sehr hohen Anzahl an Bildern (> 20) ihre beste Wirkung, unter drei Bildern ist die Galerie nicht zu empfehlen.

**Responsive:** Auf kleiner werdenden Endgeräten werden die Bilder zunächst in Zweierreihen dargestellt. Auf kleinen Darstellungsflächen werden alle Bilder untereinander angezeigt.

 ---

 ---

      ![](https://www.erschmatt.ch/fileadmin/_processed_/6/c/csm_nature_01_89430cf77a.jpg)

 ![](https://www.erschmatt.ch/fileadmin/_processed_/1/c/csm_nature_02_b1854b5a5c.jpg)

 ![](https://www.erschmatt.ch/fileadmin/_processed_/6/d/csm_nature_03_103b43f8ad.jpg)

    ---

 ###  Gallery

---

  [### Zwei Imagecards mit Link und Text

Zwei Imagecards, jeweils mit einem Link und Text unter dem Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-with-contact-information-left-square/)

 [### Drei Imagecards mit Link und Text

Drei Imagecards, jeweils mit einem Link und Text unter dem Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/media-elements/)

 [### Ein einzelnes Bild

Ein einzelnes Bild zentriert auf der Seite.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/one-horizontal-content-card/)

  Folgende Themen könnten Sie auch interessieren
------------------------------------------------