> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/elemente/bild-and-galerie-slider.md).

# Bild- & Galerie-Slider

Es gibt drei wichtige Slider-Typen

1. Image Slider = Erlebniswelten-Element zur Darstellung von Bild-Slidern
2. Galerie Slider = Element zur Darstellung der Produktbilder auf der Produktdetailseite
3. Produkt Slider = Element zur Darstellung von Produktkacheln als Slider-Element

Zusätzlich kann man in den meisten Slidern bestimmen, ob die Navigationselemente innen (auf dem Bild) oder außen, außerhalb des Bildes dargestellt werden sollen.

### Galerie-Slider (Navigation Modus: Außen)

![](/files/70CfOlxwqKqnExzF0dR2)

Beispiel:

![Pfeile und Dots einer Galerie](/files/Yno5vIjxkJWzmnfhRyHF)

### Galerie-Slider (Navigation Modus: Innen)

![](/files/vhJAoDcVrkLACQVDX9Og)

Beispiel:

![Pfeile und Dots einer Galerie](/files/Yno5vIjxkJWzmnfhRyHF)

### Bild-Slider (Navigation Modus: Außen)

![](/files/sg4ybnZoTYKHW7VeEoo1)

Beispiel:

![Navigations-Elemente außen](/files/Ny7xUin8qxFBMYx4waCJ)

### Bild-Slider (Navigation Modus: Innen)

![](/files/M9ZeO5tzXD2sxAcRmL21)

Beispiel:

![Navigations-Elemente innen](/files/xdCBNH6LYqnjMdCVl7cp)

### Grundeinstellungen

![](/files/3NGLXwxQtW9GwM5TT0Vm)

Die **Platzierung (1)** der **Pfeile (2)** und **Dots (1)** kann `Alternativ` auf die rechte Seite des Sliders gesetzt werden. Im `Standard` befinden sich die Dots im unteren mittigen Bereich. Die Pfeile liegen links und rechts vertikal zentriert.

Das Aussehen der **Punkte Navigation (2)** kann von `Punkten` zu `Balken` oder `Expandieren` geändert werden.

**(3, 4)** Die Pfeile der jeweiligen Slider können so eingestellt werden, dass diese erst sichtbar werden, wenn man mit der Maus über dem Slider fährt.

Beispiele:

![Standard Platzierung](/files/6bWmuDwRJZtRyHNqe3eE)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://themedocs.zenit.design/styling/elemente/bild-and-galerie-slider.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.