Библиотека для слайдеров
Реализуйте библиотеку для слайдеров на сайте.
Основные возможности проекта
- Библиотека для создания слайдеров.
- Поддержка разных типов слайдеров (карусель, слайд-шоу, сендвич).
- Автоматическая прокрутка с настройкой интервала.
- Навигация (кнопки "вперед/назад", пагинация).
- Анимация переходов.
- Публикация на GitHub с документацией.
Функциональность библиотеки
Библиотека должна предоставлять следующие возможности:
- Создание слайдера из HTML-списка элементов.
- Поддержка бесконечной прокрутки (циклический режим).
- Автоматическое переключение с заданным интервалом.
- Управление через кнопки "вперед/назад" и пагинацию.
- Поддержка адаптивности (количество видимых слайдов меняется).
Параметры настройки
При инициализации слайдера можно передавать параметры:
- selector - селектор контейнера для слайдера.
- slidesPerView - количество видимых слайдов.
- gap - отступ между слайдами.
- autoplay - автоматическая прокрутка (в миллисекундах).
- loop - бесконечная прокрутка (true/false).
- pagination - показывать пагинацию (true/false).
- arrows - показывать стрелки навигации (true/false).
Использование библиотеки
Пример использования библиотеки:
- Подключить CSS-файл со стилями слайдера.
- Подключить JS-файл с библиотекой.
- Создать HTML-структуру со слайдами.
- Инициализировать слайдер с настройками.
Структура слайдера
Слайдер должен иметь следующую структуру:
- Контейнер с ограниченной шириной.
- Трек (внутренний контейнер) с расположенными в ряд слайдами.
- Каждый слайд - это произвольное содержимое (картинка, текст, HTML).
- Кнопки навигации (стрелки).
- Пагинация (точки или цифры).
События
Библиотека должна генерировать события:
- onInit - после инициализации слайдера.
- onChange - при смене слайда (передается индекс текущего слайда).
- onAutoplayStart - при запуске автопрокрутки.
- onAutoplayStop - при остановке автопрокрутки.
Публикация на GitHub
Библиотека должна быть выложена на GitHub с:
- README.md с описанием и инструкцией по установке.
- Демо-страницей с примерами использования.
- Исходным кодом библиотеки.
Тестирование
Библиотека должна быть протестирована на:
- Разных браузерах (Chrome, Firefox, Safari, Edge).
- Разных размерах экранов (десктоп, планшет, мобильные).
- Разных типах содержимого (изображения, видео, текст).
Дополнительные возможности
- Свайп для мобильных устройств.
- Поддержка видео в слайдах.
- Анимация в стиле "fade" (затухание) вместо slide.