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()
マウスアウトコールバックを使用するとアニメーションが停止することがわかりましたが、リンクを再度ホバリングしても再開しません。