Javascript/Jquery élément carrousel

Question

J'essaie de faire un jouski/jquery carrousel. J'ai une liste non ordonnée et à l'intérieur de l'uliste j'ai plus de listes. Je reçois le premier allumé avec:

list = $(wrapper).find("li:eq(0)").show() 

je le veux montrer sur le bouton suivant dans la liste déroulante suivante il serait:

list = $(wrapper).find("li:eq(1)").show() 

sur le bouton-précédent je veux la liste pour afficher liste précédente Comment pourrais-je réaliser quelque chose comme ceci, ajouter ("li:eg(x+1/x-1)).show()

Answer 1

Introduire une variable pour garder une trace de la liste actuelle. Lorsqu'un utilisateur clique sur le bouton suivant, incrémentez-le d'une unité, et inversement lorsque vous cliquez sur le bouton précédent. Ensuite, utilisez cette variable dans votre sélecteur.

list = $(wrapper).find("li:eq("+ currentList +")").show() 

Sidenote: Vous pouvez introduire des limites de contrôle si currentList ne va jamais en dessous de 0 et ne dépasse jamais le nombre de listes dont vous disposez.

//On previous click 
if(currentList - 1 > 0){ 
    //do something 
} 


//assign a variable to keep track of the upper bounds 
var maxList = $(wrapper).find('li').length; 

//On next click 
if(currentList + 1 < maxList - 1){ 
    //do something 
}