Bonjour à tous,

J'ai un carousel d'image (un plugin que j'ai récupéré) composé de 4 images. Lorsque que je clique sur l'image de droite par exemple, je veux lui ajouter une certaine classe et lui en retiré d'autres. Jusqu'ici tout va bien mais le deuxième click n'est pas repéré et je ne comprend pas pourquoi.

Le code jQuery :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
$(document).ready(function(){
var episode = "imgepisode",
i = 1,
n = 4;
 
if(i==i-1)
{
	i=n;
}
 
if(i==n+1)
{
	i=1;
}
 
$('#' + episode + (i+1)).on('click', function(){
		$('#' + episode + (i+1)).removeClass('carousel-right').removeClass('carousel-bottom').removeClass('carousel-left').addClass('carousel-center');
		$('#' + episode + i).removeClass('carousel-right').removeClass('carousel-bottom').removeClass('carousel-center').addClass('carousel-left');
		$('#' + episode + (i+2)).removeClass('carousel-center').removeClass('carousel-bottom').removeClass('carousel-left').addClass('carousel-right');
		$('#' + episode + (i+3)).removeClass('carousel-right').removeClass('carousel-center').removeClass('carousel-left').addClass('carousel-bottom');
		i++;
	});
 
});
Et le lien vers le site en question si besoin : admmission


Merci à vous et bonne journée !