Как сделать слайды со сменой классов с помощью slick js?

Question

[Анастасия]

Друзья, Всем привет. Нужна ваша помощь, потому что сижу с этой проблемой уже третий день.

Я должна сделать на сайте вертикальную карусель из трех слайдов. Каждый слайд имеет свои стили (свои цвета и различный контент).

В моем случае это 3 слайда. У каждого слайда есть высота 100vh и свой класс в соответствии с бэкграундом: .orange-bg, green-bg и purple-bg.

Мне нужно с помощью slick.js (просили использовать только эту библиотеку) сделать так, чтобы пользователь прокручивал по одному слайду, и при конкретном слайде к тегу body добавлялся соответствующий класс (orange-bg, green-bg и purple-bg)
Когда пользователь дойдет до последнего слайда ему нужно показать футер.


Помогите, пожалуйста

Comments

[Антон Литвиненко]

первой в голову пришла такая идея. у активного слайда есть активный класс. к самим слайдам прописываем дата атрибуты типа data-bg="orange-bg". на событие смены слайда например afterChange вешаем получение от текущего слайда дата атрибута и применяем его в качестве класса к боди.
Получить последний слайд можно както так
https://stackoverflow.com/questions/30828831/slick...
после него показать футер