Как дать закончить анимацию и только потом пролистать слайд в slick js?

Question

[myskypesla]

Есть слайдер и у каждого слайда есть анимация: перед перелистыванием (уход в прозрачность) и после перелистывания (появление из прозрачности).

Как дать закончить анимацию перед перелистыванием и только потом пролистать слайд в slick js?

Answer 1

[Дмитрий Носиков]

Всё зависит от того, каким способом анимируется слайд, вот, допустим, на случай, если анимация осуществляется через CSS:
https://learn.javascript.ru/css-transitions#событи...
getinstance.info/articles/javascript/css3-animatio...

Можно также покопаться в коде плагина и подправить немного под свои цели)

Если анимация проходит с использованием FadeIN / FadeOut, можно так:

$('#slide').fadeIn('slow', function() {
    // Animation complete.
  });

Comments

[myskypesla]

Это понятно. Анимация происходит на CSS. Дело в том, что нужно в slick как то прервать выполнение перелистывания слайда и задать своё время через setTimeout, но прервать не получается.

[Дмитрий Носиков]

myskypesla: (Глупый вопрос, наверное, но всё же) События вешать на кнопки слайдера тоже пробовали?

[myskypesla]

Дмитрий Носиков: Пробовал, в данном случае всё работает. Но думал можно как-то без лишних обработчиков обойтись.

[Дмитрий Носиков]

myskypesla: Как мне кажется, это самый верный вариант. Второй вариант - править код плагина как Вам необходимо. Судя по Вашей задаче, там правки незначителльные

Answer 2

[Евгений]

Добавляете нужное время для эффектов у времени слайда