Разработка двух видов слайдеров

Требуется написать код для реализации двух различных слайдеров (каруселей) на веб-странице.

Технические требования

  • Использование чистых технологий: HTML, CSS, JavaScript (без сторонних библиотек)
  • Реализация двух различных типов слайдеров (например: горизонтальный слайдер с точками навигации и вертикальный слайдер со стрелками)
  • Адаптивный дизайн, корректное отображение на мобильных устройствах
  • Плавные анимации переключения слайдов
  • Интуитивно понятная навигация для пользователя

Ожидаемый результат

  • Чистый, хорошо структурированный код с комментариями
  • Рабочие прототипы обоих слайдеров
  • Кроссбраузерная совместимость (современные версии Chrome, Firefox, Safari)

Дополнительные пожелания

  • Возможность автоматического переключения слайдов с настройкой интервала
  • Реализация бесконечной прокрутки (циклического переключения)
  • Оптимизация производительности анимаций