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

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

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

этот код:

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

    });
9
jcarousel jquery

6 ответов

попробовать

auto: .01

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

7

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

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

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

auto:   .01,
easing: 'linear'
2

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

1
  • открыть jquery.jcarousel.минута.js
  • украсить скрипт с помощью http://jsbeautifier.org
  • найти и заменить "это.опции.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
    });
});

вот и все. :)

1

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

0