Arrêt des animations Mise en file d'attente

Question

Salut Je crée un diaporama simple avec les boutons suivant/précédent. Quand vous arriverez au dernier, il retournera au premier. Cependant, si un utilisateur clique de manière folle et clique juste avant que la dernière image (c'est-à-dire la 3ème) ait fini d'arriver, l'animation est à nouveau déclenchée et les choses bougent dans le mauvais sens.

http://www.ee-web.co.uk/demos/en2krewScroller.html

Je me demandais comment puis-je arrêter les animations en place les files d'attentes. Un peu comme si vous désactiviez le bouton "Suivant" pendant que l'animation se produisait ou que vous empêchiez l'animation d'être ajoutée à une file d'attente si une animation est déjà en cours. Voici une partie de mon jQuery:

function moveSlide(wod, pxTM, btnClicked) { 
    if (pxTM > 0) { // then its a one step move 
     $('#slideShowInner').animate({ 
      'left': '-=' + wod 
     }, 'slow'); 
    } 
    if (pxTM == 0 && btnClicked == "clickNext") { 
     $('#slideShowInner').animate({ 
      'left': 0 
     }, 'slow'); 
    } 
} 

J'ai essayé plusieurs .stop() et « file d'attente »: « stop », mais rien ne semble fonctionner.

Answer 1

Vous pouvez vérifier si la file d'animation de l'élément contient un élément et si elle n'en a pas, vous le faites glisser.