Использование Owl Carousel и Wow.js

Question

Сова Карусель: http://www.owlcarousel.owlgraphic.com/ Wow.js: http://mynameismatthieu.com/WOW/

Я использую Сову Карусель и Wow.js

Я пытаюсь создать слайд-шоу, где содержимое каждого слайда анимируется, когда слайд активен. В настоящее время анимация для всего содержимого происходит, даже если слайд, в котором он находится, находится за пределами экрана. Wow.js может распознавать только то, что само слайд-шоу видно и активирует все анимации.

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

Answer 1

mwdigian прав, у меня та же проблема, что и я:

<script> 
   var $owl = $('.test-carousel'); 
   $owl.owlCarousel(); 

   //here we need hide because method show() doesn't work with css visible
   $( ".active .item h2" ).hide();

   //all other is the same
   $owl.on('translated.owl.carousel',
      function( event ) { 
      $( ".active .item h2" ).addClass( "animated bounceInDown" ); 
      $(".active .item h2").show(); });
   </script>