Jquery, Jcarousel scorrimento continuo infinito

Question

Sto usando jcarousel per scorrere automaticamente alcune immagini. Mi piacerebbe sapere come farle scorrere in un unico scorrimento fluido senza pause o fermate.

Attualmente c'è una pausa e quindi scorre di nuovo. Se non mi sto chiarendo, chiedi e cercherò di spiegarti un po 'meglio.

Questo è il codice:

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

    }); 

Answer 1

provare

auto: .01 

lo avete impostato per scorrimento automatico ogni 1 secondo. Non penso che sia possibile uno scorrimento fluido, ma questo dovrebbe sembrare quasi lo stesso.

Answer 2

Ecco uno scroller che non mettere in pausa: http://bloggerplugnplay.blogspot.com/2009/10/verticle-auto-scroll-news-ticker-using.html

Answer 3

A me Scrolls "liscia" quando viene utilizzato lineare facilitando invece di swing.

auto: .01, 
easing: 'linear' 

Answer 4

Ecco un altro scroller con molte caratteristiche come il controllo della velocità di scorrimento automatico infinita e con gli eventi del mouse sarebbe utile. L'ho trovato dopo una profonda occhiata. http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

Answer 5

• jquery.jcarousel.min.js Aperte
• Beautify lo script utilizzando http://jsbeautifier.org
• Trova e sostituisci "this.options.auto * 1E3" con "0" (zero)

Qualcosa del tipo:

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

questo è tutto. :)

Answer 6

Questa domanda è vecchia come sporcizia, ma ho pensato di dare la soluzione aggiornata.

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