Как остановить анимацию jcarousel?

Я использую jcarousel для анимации неупорядоченного списка, но так как мне нужна анимация для плавного перехода между элементами, я устанавливаю animation вариант с очень большим целым числом, это прекрасно работает, но мне нужно запустить анимацию слайдов, когда я наведу курсор мыши на некоторые ссылки, и остановлю их на мышке, вот что у меня так далеко:

$(function() {
    function customCallback(carousel) {
        $('.prev').hover(function() {
            // Starts the back animation
            carousel.prev();
        }, function() {
            // How to stop animation?
        });

        $('.next').hover(function() {
            // Starts the forward animation
            carousel.next();
        }, function() {
            // How to stop animation?
        });
    }

    $('.list').jcarousel({
        animation    : 14000,
        wrap         : 'circular',
        easing       : 'linear',
        buttons      : false,
        initCallback : customCallback
    }); 
});​

Но я не знаю, как остановить анимацию при помощи мыши, вот демоверсия, чтобы лучше это проиллюстрировать: http://jsfiddle.net/hfuwM/1/

Может кто-то указать мне верное направление? заранее спасибо

РЕДАКТИРОВАТЬ: я обнаружил, что с помощью carousel.list.stop() при повторном вызове мыши анимация останавливает анимацию, но затем не перезапускается при повторном наведении ссылки.

0 ответов

Другие вопросы по тегам