patrowe
commented
1 week ago Akzeptanzkriterium:
- Styling: die Komponente wurde gemäß den Stylevorgaben in Figma umgesetzt
- Funktionalität: die Komponente kann beliebig viele Bilder entgegennehmen.
- Funktionalität: jedes Bild enthält eine image-source und einen alt-text als Attribut
- Funktionalität: über ein Attribut kann ein Vorschau-Bild festgelegt werden, default ist die erste Image-Source
- Funtktionalität: durch das Öffnen des Overlays kann durch alle Bilder navigiert werden. Desktop mit Maus(Icon-Buttons), Tastatur: Pfeil links/rechts. Mobile: per Touch und Wischgeste.
- Funtkionalität: das Overlay kann über einen "Close"-Button oder durch "Esc" geschlossen werden
Es soll eine neue Komponente Entwickelt werden, entsprechend der Image-Gallery von ihk24 https://woodagency.space/ihk24-storybook/index.html?path=/story/components-gallery--standard-gallery Die Komponente kann beliebig viele Bilder enthalten. Jedem Bild muss eine Image-Source und Alt-Text zugewiesen werden können. Das Vorschauelement besteht aus einem Bild und einem Button, dem Gallery-Toggle. Der Klick auf den Button öffnet ein Overlay, dieses enthält eine Bildanzeige (zentriert) und zwei Navigationsbutton (links, rechts), um durch alle Bilder zu navigieren. Ein Counter oberhalb des Bildes zeigt die aktuelle Bildnummer sowie die Gesamtzahl aller Bilder der Galerie an. Über ein X-Icon oben rechts, kann das Overlay geschlossen werden.