Opis projektu:

Tworzysz stronę, która wyświetla galerię zdjęć, z dodatkowymi animacjami, takimi jak powiększanie zdjęć po najechaniu myszką lub przesuwanie obrazków za pomocą strzałek lub dotyku.

Co trzeba zrobić:

1. Struktura HTML: Stwórz kontener dla galerii zdjęć, używając odpowiednich elementów HTML, takich jak <img> i <div>.
2. Stylizacja zdjęć: Zapewnij odpowiedni wygląd zdjęć i galerii za pomocą CSS. Możesz użyć siatki lub karuzeli.
3. Animacje: Zastosuj animacje CSS do efektów, takich jak powiększanie zdjęć po najechaniu myszką (np. transform: scale()).
4. Nawigacja: Dodaj przyciski nawigacyjne (strzałki), które umożliwią użytkownikowi przechodzenie między zdjęciami.
5. Przechodzenie między zdjęciami: Implementuj nawigację przy pomocy JavaScript (np. za pomocą funkcji setInterval do automatycznego przełączania zdjęć).

Czego nauczysz się:

• Tworzenie i stylizowanie galerii zdjęć.
• Praca z animacjami CSS do efektów wizualnych.
• Dynamiczne manipulowanie DOM-em do obsługi zdjęć i nawigacji.
• Obsługa zdarzeń (np. kliknięcia w zdjęcia, nawigowanie po zdjęciach).