Bouton avec plusieurs clics qui appellent plusieurs fonctions

Question

J'ai un curseur d'image avec les boutons précédent et suivant. Comment puis-je ajouter une autre fonction au bouton suivant pour en glisser plus lors du second clic?

JavaScript:

$(document).ready(function(){ 
    var speed = 600; 
    $('#navNext').click(function() { 
     $('#carousel ul').animate({marginLeft:'-665px'}, speed); 
    }); 

    $('#navPrev').click(function() { 
     $('#carousel ul').animate({marginLeft:'1px'}, speed); 
    }); 
}); 

HTML:

<a id="navNext" href="#" onclick="click(); return false"></a> 

Answer 1

Vous pouvez le faire en utilisant une variable pour garder la trace de combien de fois le bouton cliqué, remise à zéro chaque fois que l'autre bouton est cliqué, et en utilisant ce compte pour décider à quelle vitesse animer.

var nextClickCount = 0; 
$('#navNext').click(function() { 
    nextClickCount += 1; 
    previousClickCount = 0; 
    $('#carousel ul').animate({marginLeft:'-665px'}, nextClickCount * speed); 
}); 
var previousClickCount = 0; //...