Discussion :

[tif_tof]

Bonjour,

Comme le titre l'indique j'ai un problème pour utiliser le .each(), j'ai plusieurs div de même nom et je voudrais qu'au survol de mon image la div s'agrandisse.
Mon problème c'est que quand je passe sur la première image la div s'agrandit bien mais le fais aussi pour l'autre.
Si vous avez une idée je suis preneur:

code HTML :

Code html :

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

1
2
3
4
5
6
7
8
<li>	
  <img src="images/lowhifi.jpg" width="250" alt="LowHifi"/>
       <div class="shadow"></div>	
</li>
<li>		
  <img src="images/nemo.jpg" width="250" alt="nemo"/>
       <div class="shadow"></div>
</li>

code JS:

Code :

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

1
2
3
4
5
$("img").hover(function(){
	$(".shadow").each(function(){
		$(this).animate({"height":"50px"});
	});
});

[ABCIWEB]

Salut,

Tu n'as pas besoin d'utiliser each

Code :

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

1
2
3
$("img").hover(function(){
$(this).next('div').animate({"height":"50px"});
});

Attention le comportement hover n'est pas compatible avec les portables...
(on pourrait faire aussi... $(this).next(".shadow").animate({"height":"50px"});)

[tif_tof]

Merci =D ça marche niquel !
Merci de la rapidité d'intervention
Et merci pour l'indication du hover, je vais en tenir compte
Oui c'est ce que j'ai fait =)