Sektion · 6 Varianten
Karussell
sections/Karussell.astro
v2: Dots und Pfeile synchron, Tastatur, inaktive Bilder Graustufe, aktives färbt in 700 ms. Bild-Karussell mit Scroll-Snap: Peek 60 %, voll, Dots, Pfeile, Captions, zwei nebeneinander. Native Wischgeste, Pfeile per scrollBy.
Notizen
- Bestand: Testimonial-Slider mit Runtime für Zitate. Kein Bild-Karussell.
- Dots statisch in v1; Sync wäre IntersectionObserver.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "peek" | "voll" | "dots" | "pfeile" | "caption" | "zwei" | "peek" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Karussell variant="peek" surface="nacht" />01 · Peek
Nächstes Bild lugt
Liberate. basis 60 %.
Nacht
Paper
02 · Voll
Ein Bild, Pfeile
Hero. basis-full.
Nacht
Paper
03 · Dots
Punkte darunter
Testimonial-Slider. 6 px.
Nacht
Paper
04 · Pfeile
← → unter der Spur
Lightbox. Haarlinie.
Nacht
Paper
05 · Caption
Bild n von 4
Bild caption. —
Nacht
-
Bild 1 von 4 -
Bild 2 von 4 -
Bild 3 von 4 -
Bild 4 von 4
Paper
-
Bild 1 von 4 -
Bild 2 von 4 -
Bild 3 von 4 -
Bild 4 von 4
06 · Zwei
Zwei je Ansicht
Galerie. basis 50 %.
Nacht
Paper