[jQuery] JCarousel Bug? Autostop Doesn't Work When Animating
Hello. I have a jcarousel on a page of my Drupal 6 site. Everything
works beautifully, except this one thing...
I added this function so that the buttons disappear and the carousel's
automatic scrolling stops whenever the mouse hovers over it:
carousel.container.hover( function() { carousel.stopAuto(); jQuery
('.jcarousel-prev').fadeIn('slow'); jQuery('.jcarousel-next').fadeIn
('slow');}, function() { carousel.startAuto(); jQuery('.jcarousel-
prev').fadeOut('slow'); jQuery('.jcarousel-next').fadeOut
('slow'); } );
It works, but only if the user mouses over when the carousel's
stopped. If it's in the process of animating its scrolling, it ignores
the stopAuto function. This is especially a problem if you make the
delay low (1 second) and the animation long (5000ms).
Is there something I'm doing wrong? Or is this a bug? Thanks!
Btw, here's my jcarousel call:
$("#jcarousel").jcarousel({ wrap: 'both', initCallback:
mycarousel_initCallback, /*buttonNextHTML: null, buttonPrevHTML: null,
*/vertical: false, animation: 500, auto: 1, scroll: 1 });