---
title: 'Gallery and slideshow'
url: 'https://dedc.de/en/particles/galerie'
markdown: 'https://dedc.de/en/particles/galerie.md'
lang: en
date: '2026-11-06'
---

[All examples](https://dedc.de/en/particles)

# Gallery and slideshow

The three views are different crops of the same existing sample photograph. No stock photos were retrieved and no AI images were generated here.

The images can be enlarged. Keyboard and swipe controls are available in the enlarged view.

## Image grid

Three entries with a custom order, alternative text and captions.

 [ ![Existing sample photograph of a workspace](https://dedc.de/images/5/0/e/9/0/50e906d3aaceaff700f45cb4e78779af2c88c09a-arbeitsplatz-breit.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/02._grid/arbeitsplatz-breit.jpg) **Workspace: wide view**The same sample photograph in the first editorial selection. 

 [ ![Second view of the same workspace photograph](https://dedc.de/images/b/2/0/9/7/b2097ae5b93f801920a268d84da333e80462a9d6-arbeitsplatz-quer.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/02._grid/arbeitsplatz-quer.jpg) **Workspace: landscape format**The order is set in the image list. 

 [ ![Third view of the same workspace photograph](https://dedc.de/images/e/2/2/d/7/e22d7ebad754ac0e503cef86023cab8fb05b2b21-arbeitsplatz-quadrat.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/02._grid/arbeitsplatz-quadrat.jpg) **Workspace: another crop**Captions remain plain text. 

## Limited preview

Two thumbnails are visible; the enlarged view still contains all three entries.

 [ ![Existing sample photograph of a workspace](https://dedc.de/images/3/7/c/0/8/37c084111bcff59651492e44271423bdd0266778-arbeitsplatz-breit.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/03._limited/arbeitsplatz-breit.jpg) **Workspace: wide view**The same sample photograph in the first editorial selection. 

 [ ![Second view of the same workspace photograph](https://dedc.de/images/f/4/7/6/9/f47698b55df52ac4971d07733c940b1f99a1ece8-arbeitsplatz-quer.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/03._limited/arbeitsplatz-quer.jpg) **Workspace: landscape format**The order is set in the image list. 

 [ ![Third view of the same workspace photograph](https://dedc.de/images/9/6/d/4/4/96d44bd1ef2ff121ed1beb343d909ddace7a513d-arbeitsplatz-quadrat.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/03._limited/arbeitsplatz-quadrat.jpg) **Workspace: another crop**Captions remain plain text. 

## Slideshow

Automatic playback advances every six seconds. It can be paused and respects the reduced-motion preference.

 [ ![Existing sample photograph of a workspace](https://dedc.de/images/b/3/8/a/b/b38ab4aff32d03c393c5f259523aedb8a5536e4e-arbeitsplatz-breit.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/04._slideshow/arbeitsplatz-breit.jpg) **Workspace: wide view**The same sample photograph in the first editorial selection. 

 [ ![Second view of the same workspace photograph](https://dedc.de/images/f/1/e/b/a/f1eba89616a883c10eb131affbe857799c07ec7c-arbeitsplatz-quer.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/04._slideshow/arbeitsplatz-quer.jpg) **Workspace: landscape format**The order is set in the image list. 

 [ ![Third view of the same workspace photograph](https://dedc.de/images/a/b/5/3/c/ab53c0210842e316b69aae56f84183df9b28cfec-arbeitsplatz-quadrat.jpg) ](https://dedc.de/user/pages/08.particles/17.galerie/04._slideshow/arbeitsplatz-quadrat.jpg) **Workspace: another crop**Captions remain plain text. 

## Missing media

A missing image is skipped. A clear empty state appears instead of a broken image.

No images selected.

---

## Navigation

- Parent: [Particles: Examples](https://dedc.de/en/particles.md)
- Previous: [Unminified stylesheets](https://dedc.de/en/particles/lesbares-css.md)
- Next: [Optional plugin integrations](https://dedc.de/en/particles/optionale-plugins.md)