Jquery, Jcarousel gładkie nieskończone przewijanie

Question

Używam jcarousel do automatycznego przewijania niektórych obrazów. Chciałbym wiedzieć, jak sprawić, by były przewijane w jednym płynnym przewijaniu bez przerw i przerw.

Obecnie trwa pauza, a następnie przewija ponownie. Jeśli nie wyrażam się jasno, zapytaj, a ja postaram się wyjaśnić trochę lepiej.

Jest to kod:

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

    }); 

Answer 1

spróbować

auto: .01 

masz to zestaw do AutoScroll co 1 sekundę. Nie sądzę, że płynny zwój jest możliwy, ale to powinno wyglądać dokładnie tak samo.

Answer 2

Oto scroller że nie wstrzymać: http://bloggerplugnplay.blogspot.com/2009/10/verticle-auto-scroll-news-ticker-using.html

Answer 3

Dla mnie to przewija „gładsze” użyte liniowy łagodne zamiast huśtawka.

auto: .01, 
easing: 'linear' 

Answer 4

Oto kolejny przewijak z wieloma funkcjami, takimi jak automatyczna funkcja przewijania w nieskończoność z przewijaniem i obsługa myszy. Znalazłem to po głębokim gogglingu. http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

Answer 5

• Otwartych jquery.jcarousel.min.js
• upiększyć skrypt używając http://jsbeautifier.org
• Znajdź i zamień "this.options.auto * 1E3" na "0" (zero)

Coś jak:

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

to wszystko. :)

Answer 6

To pytanie jest tak stare, jak brud, ale pomyślałem, że daję zaktualizowane rozwiązanie.

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