Übung/Hausaufgabe
Schaut Euch dazu die Anmerkungen und Code-Beispiele bei meinem Slide „Lightbox-Bilder“ an!
Briefing
- Ladet Euch das Übungspaket herunter
- Der HTML- und Javascript-Code ist fertig – Ihr müsst aber den CSS-Code noch erstellen
- Schaut Euch die Vorlagen garda-popup-1.jpg und garda-popup-2.jpg an
- Erstellt für die Hover-Funktion eine Animation, bei der die Figcaption diesmal von links animiert auf das Bild geschoben wird
- Klickt man auf ein Bild, wird in einer „Lightbox“ das große Bild darüber dargestellt – siehe garda-popup-2.jpg