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 :
Et le lien vers le site en question si besoin : admmission
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++; }); });
Merci à vous et bonne journée !
Partager