jCarousel - comment obtenir une pause sur le vol stationnaire avec défilement automatique?

JCarousel ont changé récemment (janvier 2011).
Elle avait une façon de mettre en pause sur le vol stationnaire avec défilement automatique.

Avec la nouvelle version je ne peux pas résoudre la façon d'obtenir de défilement automatique pour arrêter sur le vol stationnaire:
Je voudrais le faire défiler jusqu'à s'arrêter sur la souris et commencer à nouveau sur mouseout.
Des suggestions?

Exemple de code est ici - http://testsite3.dk/jcarousel/
Jcarousel ici: github.com/jsor/jcarousel

Lien vers JQuery + javascript pour charger les pouces ici - http://testsite3.dk/jcarousel/autoscroll.txt

Ce problème a été résolu. Veuillez prendre un coup d'oeil: code.google.com/p/jcarausel-lite-pause-on-hover-fixed
Votre version de jcarousellite ne semble pas fonctionner.
Pour ceux qui cherchent à mettre en jcarousellite, voir stackoverflow.com/questions/8013595/...

OriginalL'auteur user1152435 | 2012-01-16

  1. 13

    ajouter ce code dans votre jcarousel initCallback(carrousel)

     carousel.clip.hover(function() {
    carousel.stopAuto();
}, function() {
    carousel.startAuto();
});

    OriginalL'auteur mkp

  2. 5

    Je ne pouvais pas obtenir les exemples précédents de travail. Mais j'ai eu la suite de travailler avec la dernière jcarousel.

    $('.carousel').jcarouselAutoscroll(
{
    interval: 4000, 
    scroll: '+=1',
    create: $('.carousel').hover(function() 
    {
        $(this).jcarouselAutoscroll('stop');
    },
    function() 
    {
        $(this).jcarouselAutoscroll('start');
    });
});
    Essayé et obtenir Uncaught Error: Cannot call methods on jcarouselAutoscroll prior to initialization; attempted to call method "stop"
    il fallait appeler $('.carousel').jcarousel(); avant d'appeler la fonction $('.carrousel').jcarouselAutoscroll();

    OriginalL'auteur Rona Kilmer

  3. 1

    La mise à jour de la réponse de rester à jour.

    Voir https://github.com/jsor/jcarousel/issues/568 pour la réponse correcte:

    $('.jcarousel').hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');
});

    OriginalL'auteur emd

  4. 0

    Vous pouvez lier votre propre passez événements dans la création de rappel:

      .jcarouselAutoscroll({
    autostart: true,
    interval: 1000,
    scroll: '+=3',
    create: $('#thumbs').bind('mouseenter', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=0' );
            }).bind('mouseleave', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=3' );
            })

  });
    Bonjour - merci pour votre réponse. Cela fonctionne comme un charme sur la démo. Il sera utilisé sur un site où les pouces sont tirés à partir de Vimeo et cliquez sur une manette de chargement d'une vidéo sur la page. Le défilement fonctionne très bien ici aussi, les vidéos des charges comme prévu, et le défilement commence et s'arrête sur mouseenter et mouseleave. Cependant: si je fais une pause sur les vignettes pour plus que juste un clic, quelque chose comme 5 sek. le défilement s'arrête, mais ne recommence pas sur mouseleave (?). J'ai inclus un lien vers javascript utilisé pour charger les pouces dans la question. Je ne peux pas le lien pour le testsite, désolé, les suggestions seront les bienvenues.
    Est le mouseleave événement déclenche quand il ne fonctionne pas comme prévu?
    Si je regarde le défilement dans Firebug, je vois le rhytm du défilement continu, même si le pouce, ne pas faire défiler sur l'écran. C'est à la fois l'Exemple et sur le Site. L'Exemple de code se poursuit comme prévu. Cependant sur le Site (où les vignettes sont chargés à partir de Vimeo), je vois le défilement qu'une seule fois et puis plus rien. (Compatible avec le fait de travailler uniquement si le hover n'est pas prolongée). Semble comme il doit être démarré à nouveau en quelque sorte....

    OriginalL'auteur shaunsantacruz