How to make the wow animation repeat inside the slider every time it scrolls?

Question

css

Here is the site with the problem
. I'm using wow.js animation. I need to re-animate the elements on each scroll as the slider scrolls.
And not like now, once and immediately on all slides + you need the animation to work the same way on each slider separately

<script>
        wow = new WOW({mobile:false})
        wow.init();
</script>

The slider structure is normal

<div class='slider'>
        <div class='item'>
               <div class="img_avtor">
      <img src="css/images/slider_img/img7.png" class="img-responsive wow fadeIn" data-wow-duration="1s" data-delay="0.5s"  alt="" />
    </div>
                      .....
         </div>
</div>

Answer 1

For such tasks, I use AOS , although in normal cases also a bunch of animate.css + wow.js

Answer 2

Look at the callbacks for this slider. Usually there is a slide change, slide change buttons, etc. Try to bind the script call to one of these callbacks.

Answer 3

Hello Oscar !
I have this problem too. There is an animated slider, on each of the slides there are several lines of text with wow animation. I don’t understand what needs to be done to make the text play every time the slide is scrolled, and not all at once when the page loads.
How are you doing with that? Did you get it right after so many years? Can you give advice?