jCarousel - cách tạm dừng khi di chuột bằng tính năng tự động ghi?

Question

JCarousel gần đây đã thay đổi (tháng 1 năm 2011).
Nó từng có cách để thực hiện tạm dừng khi di chuột bằng tính năng tự động ghi.

Với phiên bản mới, tôi không thể giải quyết cách tự động kiểm tra để dừng khi di chuột:
Tôi muốn cuộn để dừng khi di chuột qua và bắt đầu lại trên màn hình.
Bất kỳ đề xuất nào?

Ví dụ mã là ở đây - http://testsite3.dk/jcarousel/
jCarousel đây: github.com/jsor/jcarousel

Liên kết với JQuery + javascript để tải ngón tay cái ở đây - http://testsite3.dk/jcarousel/autoscroll.txt

Answer 1

Bạn có thể liên kết các sự kiện di chuột của riêng bạn trong tạo cuộc gọi lại:

.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'); 
      }) 

    }); 

Answer 2

thêm mã này vào đầu jcarousel của bạnCallback (carousel)

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

Answer 3

Tôi không thể làm các ví dụ trước hoạt động. Nhưng tôi đã nhận được những điều sau đây để làm việc với jcarousel mới nhất.

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

Answer 4

Cập nhật câu trả lời để luôn cập nhật.

Xem https://github.com/jsor/jcarousel/issues/568 cho câu trả lời đúng:

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