Задача: Интерактивный слайдер изображений
Ваша задача - создать интерактивный слайдер изображений, который позволяет пользователям просматривать и переключаться между изображениями.
1. У вас должно быть несколько изображений (например, 3-5), и начните с отображения первого изображения.
2. Создайте кнопки "Вперед" и "Назад", которые позволяют пользователю переключаться между изображениями.
3. При переключении между изображениями должны использоваться анимации или переходы для плавного перехода между слайдами.
4. Отобразите текущий номер слайда (например, "Слайд 1 из 3") для удобства пользователя.
5. Реализуйте бесконечный цикл, чтобы после последнего изображения снова отображалось первое.
6. Предоставьте возможность автоматической прокрутки слайдов (автоматическое воспроизведение), которую пользователь может включить и выключить.
7. Используйте HTML, CSS и JavaScript для создания слайдера.
Эта задача позволит вам практиковаться в создании интерфейсов с использованием JavaScript, обработке событий и анимациях для создания функционального и интерактивного слайдера изображений.