How to let the animation finish and only then scroll through the slide in slick js?

Question

JavaScript

There is a slider and each slide has an animation: before flipping (going into transparency) and after flipping (appearing from transparency).

How to let the animation finish before scrolling and only then scroll through the slide in slick js?

Answer 1

It all depends on how the slide is animated, for example, in case the animation is done through CSS:
https://learn.javascript.ru/css-transitions#events...
getinstance.info/articles/javascript/css3 -animatio...
You can also dig into the plugin code and tweak a little to fit your goals)
If the animation is done using FadeIN / FadeOut, you can do this:

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

Answer 2

Add the right time for effects at the time of the slide