jCarousel - как сделать паузу при наведении курсора с автопрокруткой?

Question

JCarousel недавно изменился (январь 2011).
Раньше был способ реализовать паузу при наведении курсора с автопрокруткой.

В новой версии я не могу решить, как получить автопрокрутку доостановка при наведении:
Я бы хотел, чтобы прокрутка остановилась при наведении курсора мыши и снова запустилась при наведении мыши.
Есть предложения?

Пример кода здесь - http://testsite3.dk/jcarousel/
Jcarousel здесь: github.com/jsor/jcarousel

Ссылка на JQuery + javascript для загрузки здесь - http://testsite3.dk/jcarousel/autoscroll.txt

Answer 1

добавьте этот код в ваш jcarousel initCallback (карусель)

 carousel.clip.hover(function() {
    carousel.stopAuto();
}, function() {
    carousel.startAuto();
}); 

Answer 2

Я не смог заставить работать предыдущие примеры.Но я получил следующее для работы с последней jcarousel.

$('.carousel').jcarouselAutoscroll(
{
    interval: 4000, 
    scroll: '+=1',
    create: $('.carousel').hover(function() 
    {
        $(this).jcarouselAutoscroll('stop');
    },
    function() 
    {
        $(this).jcarouselAutoscroll('start');
    });
});

Answer 3

Обновление ответа, чтобы оставаться в курсе.

См. https://github.com/jsor/jcarousel/issues/568 для правильного ответа:

$('.jcarousel').hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');
});

Answer 4

Вы можете связать свои собственные события при наведении в обратном вызове create:

  .jcarouselAutoscroll({
    autostart: true,
    interval: 1000,
    scroll: '+=3',
    create: $('#thumbs').bind('mouseenter', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=0' );
            }).bind('mouseleave', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=3' );
            })

  });