Jquery, Jcarousel cuộn vô hạn mịn

Question

Tôi đang sử dụng jcarousel để tự động cuộn một số hình ảnh. Tôi muốn biết làm thế nào để làm cho họ di chuyển trong một cuộn chất lỏng không có tạm dừng hoặc dừng lại.

Hiện tại có tạm dừng và sau đó cuộn lại. Nếu tôi không làm cho bản thân mình rõ ràng thì hãy hỏi và tôi sẽ cố gắng giải thích tốt hơn một chút.

Đây là mã:

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     wrap: 'last', 
     vertical: true, 
     animation: 5000 

    }); 

Answer 1

thử

auto: .01 

bạn có nó thiết lập để autoscroll mỗi 1 giây. Tôi không nghĩ rằng một cuộn chất lỏng là có thể, nhưng điều này sẽ trông giống nhau.

Answer 2

Dưới đây là một cuộn mà không tạm dừng: http://bloggerplugnplay.blogspot.com/2009/10/verticle-auto-scroll-news-ticker-using.html

Answer 3

Đối với tôi nó cuộn "mượt mà" khi được sử dụng tuyến tính giảm bớt thay vì swing.

auto: .01, 
easing: 'linear' 

Answer 4

Đây là một trình cuộn khác với nhiều tính năng như cuộn điều khiển tốc độ tự động vô hạn và có sự kiện chuột sẽ hữu ích. Tôi tìm thấy nó sau khi một goggling sâu. http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

Answer 5

• mở jquery.jcarousel.min.js
• làm đẹp các kịch bản sử dụng http://jsbeautifier.org
• tìm và thay thế "this.options.auto * 1E3" bằng "0" (zero)

Một cái gì đó như:

function mycarousel_initCallback(carousel){ 
    // Pause autoscrolling if the user moves with the cursor over the clip. 

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

jQuery(document).ready(function() { 

    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     animation:2000, 
     easing: 'linear', 
     wrap: 'circular', 
     scroll:1, 
     buttonNextHTML: null, 
     buttonPrevHTML: null, 
     initCallback: mycarousel_initCallback 
    }); 
}); 

thats all. :)

Answer 6

Câu hỏi này cũ như bụi bẩn, nhưng tôi đã tìm ra giải pháp được cập nhật.

$('.jcarousel').jcarousel({ 
    wrap: 'circular', 
    animation: { 
     duration: 3000, 
     easing: 'linear', 
    } 
    }); 
    $('.jcarousel').jcarouselAutoscroll({ 
     interval: 0 
    });