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

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

The question should be specific, self-contained, and written in natural language.
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.
