@Fedor19

Как добавить эффект появления новых и исчезания старых элементов слайдера?

1. Нужно задавать слайдам при появлении красный цвет
2. Нужно задавать слайдам при исчезании синий цвет
Вот наработка на codepen:
https://codepen.io/FedorT/pen/wOapyy
Вроде бы нужный callback прицепил, а вот с эффектом застрял.
  • Вопрос задан
  • 140 просмотров
Решения вопроса 1
@Fedor19 Автор вопроса
Попробовал, в этом случае всё работает. Спасибо!
https://codepen.io/FedorT/pen/wOajpp
Вообще думал о чем-то более универсальном, чтобы в зависимости от viewport менялось кол-во активных слайдов, параметр slidesToShow. Например, 10, 7, 4, 1. Вот тут и выходит засада.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Как мне кажется, тут достаточно всё просто.

.non-active { background-color: blue; }
.active { background-color: red; }


На методе onChange вы находите активный элемент, устанавливаете класс (.active) на него, на .prev и на .next, а со всех остальных скидываете класс
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы