Discussion :

[Letsrock23]

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 !

[headmax]

Salut je constate qu'il y pas un petit code html ou du css je ferais simple dans ce cas :
Regarde la doc jquery pour la function toggleclass qui supprime la class si elle existe déja et la rajoute si elle n'est pas présente sur l'élément html.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$('#' + episode + (i+3) ).toggleClass(function() {
if ( $( this ).parent().is( "carousel-right" ) ) {
return "happy";
} else {
return "sad";
}
});

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(i==i-1)

J'aime beaucoup cette condition !

[-Rpass-]

ton code ne génère le onclick que pour une seule div (div de droite) au chargement de la page. Or, vu que l'ordre des images change quand tu cliques sur l'image de droite, tu devrais aussi générer le onclick pour la nouvelle div de droite à chaque fois que tu cliques sur l'image car l'ordre des images à changé ...

puis je ne comprends l'utilisté de cette condition aussi

[Letsrock23]

Bonsoir,

Merci pour vos réponses mais j'ai bidouiller dans mon coin et j'ai réussi à m'en sortir.
Désolé pour le retard de la réponse et le manque d'information mais en ce moment c'est la panique je dois rendre un projet dont fait parti ce site jeudi ...

Je peux mettre résolu du coup

Merci encore et bonne soirée !!