9
votes

JQuery, jcarousel lisse défilement infini

J'utilise jcarousel pour faire défiler automatiquement certaines images. J'aimerais savoir comment les faire défiler dans un rouleau fluide sans pause ou s'arrête.

Il y a actuellement une pause puis fait défiler à nouveau. Si je ne me fais pas clairement clair, demandez et je vais essayer d'expliquer un peu mieux. P>

Ceci est le code: p>

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

    });


1 commentaires

Mon plug-in jquery, SimplyScroll devrait réaliser ce que vous voulez logicbox.net/jQuery/simplyscroll


4 Réponses :


7
votes

ESSAYEZ

auto: .01


2 commentaires

Merci pour ça. Décidez de faire une manière facile et utilisez la fonction JQuery Animate.


Cela a fonctionné pour moi en plus de définir la vitesse d'animation à une valeur supérieure (que la valeur par défaut). Comme: Animation: 5000, Auto: 0.01



2
votes

Pour moi, il fait défiler "plus lisse" lors de l'assouplissement linéaire utilisé au lieu de balancer.

auto:   .01,
easing: 'linear'


1 commentaires

jQuery (document) .Ready (fonction (fonction () {jQuery ('# mycarousel'). Jcarousel ({auto: 0,1, faites défiler: 10, enveloppe: 'circulaire', animation: 10000, assouplissement: "linéaire"}) ;}); - l'assouplissement fait toute la différence



0
votes
  • Ouvrir jquery.jcarousel.min.js
  • embellissez le script à l'aide de http://jsbeautifier.org
  • trouver et remplacer "this.option.auto * 1e3" avec "0" (zéro)

    quelque chose comme: xxx

    thats tout. :)


0 commentaires

6
votes

Cette question est aussi ancienne que la saleté, mais je pensais que je donne la solution mise à jour.

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


2 commentaires

Meilleure réponse à tous.


Fonctionne pour moi aussi, mais si je veux passer directement à une photo sans la transition? Votre solution «désactive» la fonction de la pagination ...