Как остановить анимацию 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()
при повторном вызове мыши анимация останавливает анимацию, но затем не перезапускается при повторном наведении ссылки.