Как стать автором
Обновить
4
0
Иван Соловьев @gosolivs

Руководитель команд разработки, Архитектор решений

Отправить сообщение

Карусель на Vanilla.JS. Часть 2

Время на прочтение3 мин
Количество просмотров8.6K
Доброго времени суток. Сегодня мы добавим следующие возможности в наш слайдер:

  • Зацикленность карусели;
  • Автоматическое переключение слайдов;
  • Тач-события;
  • События мыши.

Первая часть находиться здесь. Разметка карусели и её стили оставим прежними. А вот JS перепишем.
Всего голосов 8: ↑6 и ↓2+4
Комментарии20

Карусель на Vanilla.JS

Время на прочтение4 мин
Количество просмотров34K
Прочитав эту статью решил запилить свою карусель с блэк-джеком и jQuery хотя нет, без него ибо 2017 год и он не особо и нужен. Создадим функцию, которая принимает объект с параметрами, и делает слайдер. Некоторые моменты будут опущены, такие, как: вендорные префиксы, таймер смены и т.д.
Первое что мы сделаем — разметка для карусели, на классах, а не id, дабы можно было использовать несколько раз один и тот же модуль на странице, ну и специфичность не была 3-его порядка.
Всего голосов 37: ↑24 и ↓13+11
Комментарии18

Информация

В рейтинге
Не участвует
Откуда
Москва, Москва и Московская обл., Россия
Дата рождения
Зарегистрирован
Активность