---
title: Gallery
url: "https://www.erschmatt.ch/bibliothek-1/media-elements/gallery/"
date: 2018-03-19
modified: 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: f86ff173fa156 Event: 74fa34a26e4e43258e2626f823268b9c ---

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

 Oops, an error occurred! Request: f86ff173fa156 Event: 83c7fa1f241c4d0b9980e230643a5bd3  Anleitung
-----------

 Oops, an error occurred! Request: f86ff173fa156 Event: 3ec7a0e096f249a1b48f8bb22130d2d8 ---

  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
------------------------------------------------