Lien actif : afficher une image, remettre les autres en noir et blanc

[beegees]

Bonjour tout le monde,

J'ai ce code :

Code :

1
2
3
4
5
6
7
8
9
10
function afficher_logo_couleur()
{
	$('#lien_logo_site').mouseover(function() {
		$('#logo_site').attr('src','images/planet.png');
 
	});
 
	$('#lien_logo_site').mouseout(function() {
		$('#logo_site').attr('src','images/planet_nb.png');
	});

qui affiche une image en couleur au survol d'un lien et qui réaffiche l'original (en noir et blanc) quand on est hors du lien.

Je me demandais si on pouvait ajouter à ce code du code qui permettrait d'afficher l'image en couleur (en continu) sur le click du lien (la même image que sur le onover) pour montrer que l'on est sur l'onglet.

Il faudrait alors que si un lien a été cliqué (et qui affiche une certaine image en couleur) affiche alors son image en noir et blanc.

Les images d'un même onglet en couleurs et noir et blanc sont identiques (excepté la couleur) mais pour chaque onglet, j'ai une image différente (d'où l'impossibilité de créer une classe "valide" en css).

Merci d'avance.

beegees

[thunder75]

Pour l'image en couleur sur le click de souris faut voir avec les évènements mousedown et mouseup.
Mousedown quand on appuis sur le bouton et mouseup quand on relache le bouton de la souris si mes souvenirs sont exacts.

[SpaceFrog]

il faut attribuer un data à l'image lors du click de l'image en modifiant le data des autres (avec not this)
du coup au survol il ne reste plus qu'a tester le data de l'image pour savoir si l'on doit mettre l'image en noir et blanc ou en couleur ...

[gnappy]

Et avec unbind ?

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function afficher_logo_couleur()
{
	$('#lien_logo_site').mouseover(function() {
		$('#logo_site').attr('src','images/planet.png');
 
	});
 
	$('#lien_logo_site').mouseout(function() {
		$('#logo_site').attr('src','images/planet_nb.png');
	});
        $('#lien_logo_site').click(function() {
		$('#logo_site').attr('src','images/planet.png');
                $('#logo_site').unbind('mouseout') ;
                $('#logo_site').unbind('mouseover') ;
	});
 
}

D'après moi ca pourrait donner le fonctionnement voulu :
Tant qu'on a pas cliqué : ca garde le fonctionnement actuel
Une fois qu'on a cliqué : ca désactive le fonctionnement précédent et garde l'image en couleur

[SpaceFrog]

et tu rebind quand ?

[gnappy]

Envoyé par beegees

Il faudrait alors que si un lien a été cliqué (et qui affiche une certaine image en couleur) affiche alors son image en noir et blanc.

j'ai pas bien pigé cette partie là mais le 'rebind' doit être en rapport avec ca...

[beegees]

Envoyé par gnappy

j'ai pas bien pigé cette partie là mais le 'rebind' doit être en rapport avec ca...

Merci pour ta réponse et désolé pour le retard de la mienne.

Cela ne fonctionne pas du tout.

Je vais par contre essayer d'appliquer l'algorithme de SpaceFrog (merci à toi grenouille).

Bon W.E.
beegees