Bonjour,
Je m'explique. j'ai le code suivant :
ou celui-ci
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <span class="aHover"> <label class=""> ASurligner </label> <img class="maClass" height="12" width="12" src="images.png"/> </span>Chaque label est sur une ligne avec l'image à coté. Donc en gros je voudrais que quand je passe sur l'image le background de mon label change. J'ai donc fais
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <span class="aHover"> <label>LeLabelASurligné</label> <a href="action"> <img id="ID" class="maClass" height="12" width="12" src="images.png"/> </a> </span>
Ca marche dans le premier cas mais dans le second le this.parentNode.firstChild ne fonctionne pas ce qui est normal. Suis-je obliger de déclarer un autre .hover avec l'autre $this ou yaurai t'il moyen de tout faire dans le même .hover.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 $("#id img").hover(function(){ $(this.parentNode.firstChild).addClass("hover"); },function(){ $(this.parentNode.firstChild).removeClass("hover"); });
Merci
EDIT:
Je suis aussi preneur du hover sur mon label qui me surligne le label et l'image car en fait je n'arrive pas à faire cela car l'image est hors du flux
Le css de l'image
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 img.class { cursor:pointer; float:right; position:relative; right:10px; top:-18px; }
Partager