Jquery Jcarousel lisse défilement infini

Je suis en utilisant jcarousel pour la fonction de défilement automatique des images. Je voudrais savoir comment les faire défiler dans un fluide de défilement sans pauses ou s'arrête.

Actuellement il y a une pause, puis il défile à nouveau. Si je ne fais pas moi-même alors clair de demander et je vais essayer d'expliquer un peu mieux.

C'est le code:

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

    });
Mon plugin jQuery, simplyScroll devrait obtenir ce que vous voulez logicbox.net/jquery/simplyscroll

OriginalL'auteur | 2010-03-14

  1. 7

    essayer

    auto: .01

    vous l'avez configuré pour autoscroll toutes les 1 seconde. Je ne pense pas qu'un fluide de défilement est possible, mais cela devrait ressembler à peu près le même.

    Merci pour cela. Décider de faire un moyen facile et utiliser la fonction animate de jquery.
    Cela a fonctionné pour moi en plus de l'animation de la vitesse à une valeur plus élevée (celle par défaut). Comme: animation: 5000, auto: 0.01

    OriginalL'auteur carillonator

  2. 5

    Cette question est aussi vieille que la terre, mais j'ai pensé que je donne la solution mise à jour.

    $('.jcarousel').jcarousel({
    wrap: 'circular',
    animation: {
        duration: 3000,
        easing:   'linear',
    }
  });
  $('.jcarousel').jcarouselAutoscroll({
      interval: 0
  });
    Meilleure réponse de tous.
    Cela a fonctionné pour moi.
    Fonctionne pour moi aussi, mais si je veux aller directement à une image sans la transition? Votre solution en fait de "désactiver" la pagination de la fonction...

    OriginalL'auteur Jake

  3. 2

    Pour moi, il défile plus "lisse" lorsqu'il est utilisé linéaire assouplissement au lieu de balancer.

    auto:   .01,
easing: 'linear'
    jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ auto: 0.1, scroll: 10, wrap: 'circular', animation: 10000, easing: 'linear' }); }); - assouplissement fait toute la différence

    OriginalL'auteur Mushex Antaranian

  4. 1

    Voici une barre de défilement qui ne fait pas de pause: http://bloggerplugnplay.blogspot.com/2009/10/verticle-auto-scroll-news-ticker-using.html

    OriginalL'auteur Larry K

  5. 0

    Voici un autre scroller avec de nombreuses fonctionnalités comme le contrôle de la vitesse de l'auto infini défilement et d'avoir des événements de souris serait utile. Je l'ai trouvé après une profonde vues spectaculaires. http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

    OriginalL'auteur Code Spy

  6. 0
    • Ouvrir jquery.jcarousel.min.js
    • Embellir le script à l'aide de http://jsbeautifier.org
    • rechercher et remplacer".des options.auto * 1E3" par "0" (zéro)

    Quelque chose comme:

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

    c'est tout. 🙂

    OriginalL'auteur Binu Joseph