Как сделать задержку при смене слайда в Slick js?

Question

[myskypesla]

Привет всем.

Есть слайдер на slick js, в котором есть картинка и текст. Когда нажимаем на arrows, или на dots, картинка должна уехать вверх, а текст исчезнуть, а на их место с помощью css анимации приехать следующие.

Длительность исчезновения 2 секунды и только после полного исчезновения, должен начать проявляться следущий слайд.

Подскажите, как сделать паузу на 2 секунды, чтобы успела пройти анимация исчезновения слайда?

Answer 1

[tyzberd]

у него есть события

// On before slide change
$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  console.log(nextSlide);
});

думаю в это событие можно добавить исчезновение

Comments

[myskypesla]

Но анимация не успевает пройти, а слайд уже сменился.

Answer 2

[Евгений]

Нужно выставить время смены слайда с учетом нужных анимаций
и по событиям показывать\прятать текст