Stop jQuery animation on hover

Question

I have this code in my theme:

<script type="text/javascript">             
(function($){
    $(document).ready(function(){                                
        var testimonials = $(".single-testimonial_<?php echo $ID; ?   >").find('ul').children().length;                                  
        $(".single-testimonial_<?php echo $ID; ?>").jCarouselLite({
          btnNext: ".gon_<?php echo $ID; ?>",
          btnPrev: ".pon_<?php echo $ID; ?>",
          auto:3100,                
          visible: testimonials
        });
    });
})(jQuery);

</script>

PHP FILE: http://codetidy.com/8399/

What should I add, to make it stop the animation on hover. I'm not into jQuery, so please, write the exact code if you know it.

Thanks!

since you are using a plugin , all the animations are actually handled within the plugin. if you want to modify that , you would need to consult the documentation of the plugin or go through the code yourself and figure it out — anurupr, Mar 11 '14 at 09:42
thx, I was thinking about using something like http://stackoverflow.com/questions/14616818/how-to-use-stop-properly-in-jquery-animation-with-hover-event — Jack Bauer, Mar 11 '14 at 09:48

score 0 · Answer 1 · edited May 23 '17 at 12:21

0

Solved by using custom jCarouselLite.

Stop the jcarousel Lite animation on mouseover?.

I found it after 3h of research.

edited May 23 '17 at 12:21

Community

1
1

answered Mar 11 '14 at 19:05

Jack Bauer

37
8

Stop jQuery animation on hover

1 Answers1