JQuery, Jcarousel гладкая бесконечная прокрутка

Question

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

В настоящее время происходит пауза, а затем снова прокручивается. Если я не сделаю себя ясным, спросите, и я попытаюсь объяснить немного лучше.

Это код:

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

    }); 

Answer 1

попробовать

auto: .01 

вы его набор для автопрокрутку каждую 1 секунду. Я не думаю, что прокрутка жидкости возможна, но это должно выглядеть примерно так же.

Answer 2

Вот скроллер, который не останавливается: http://bloggerplugnplay.blogspot.com/2009/10/verticle-auto-scroll-news-ticker-using.html

Answer 3

Для меня она прокручивается «ровнее» при использовании линейного ослабления вместо качелей.

auto: .01, 
easing: 'linear' 

Answer 4

Вот еще один скроллер с множеством функций, таких как автоматическое управление бесконечным прокруткой и управление событиями мыши. Я нашел его после глубокого взгляда. http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

Answer 5

• Открытые jquery.jcarousel.min.js
• Beautify скрипт с помощью http://jsbeautifier.org
• найти и заменить "this.options.auto * 1E3" с "0" (ноль)

Нечто вроде:

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

вот и все. :)

Answer 6

Эти вопросы так же стара, как и грязь, но я решил, что даю обновленное решение.

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