élément parent mais pas element survolé

[leTiDevDu54]

Bonjour, alors voila mon problème,
j'ai des images sur mon site, et je voudrais qu'au survol de ma souris sur les images, tous les éléments parents deviennent légèrement transparent sauf mon image.

J'ai donc le code suivant :

Code :

1
2
3
4
$("img.image").hover(
						function() { $("div#conteneur").css("opacity", "0.2"); $(this).css("opacity", "1"); }
										,
						function() { $("div#conteneur").css("opacity", "1"); });

Donc j'ai bien les éléments arrières qui deviennent légèrement transparent sauf que mon image survolé également.

Merci d'avance

[SpaceFrog]

regarde au niveau des selecteurs not this ...

[leTiDevDu54]

Malgré plusieurs test avec le selecteur not, je n'arrive toujours pas à trouver une solution fonctionnelle =(

[danielhagnoul]

Bonsoir

Le changement d'opacité se produit sur tout le contenu. Changer l'opacité d'un parent affecte les enfants. On ne peut rien y faire.

[leTiDevDu54]

d'accord, alors avez-vous d'autre moyens pour parvenir au résultat que je voudrais ?

[danielhagnoul]

Non, je ne vois pas.

[SpaceFrog]

sortir dynamiquement l'enfant du conteneur ... ou en faire un clone