Discussion :

[bagu]

Bonjour, je cherche à changer le src d'une image avec jquery lors de son survol afin d'appliquer par la suite des effets de type fadein/fadeout que je trouve plus joli qu'un hover en css.
Le soucis, c'est que le code suivant me sort "Image corrupt or truncated: <unknown>" :

Code :

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

1
2
3
4
5
6
7
8
9
10
$(".corps").find(".rondvert").hover(
	function()
	{
		$(".corps").find(".rondvert").attr("src","/include/img/rondblanc.png");
	},
	function()
	{
		$(".corps").find(".rondvert").attr("src","/include/img/rondvert.png");
	}
);

Je n'arrives pas à comprendre pourquoi...Pourriez-vous m'aider ?
Merci.

[SpaceFrog]

je dirais au vi du message que ça provient plus des fichiers images eux même

tu as preloadé les images ?

[bagu]

non, les images ne sont pas préloadés.
J'ai juste l'image originelle qui est présente dans le html de base sous la forme suivante :

Code :

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

<td colspan="3"><a href="truc.php" title="description"><img src="/include/img/rondvert.png" alt="description image" class="rondvert" /></a></td>

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$(".corps .rondvert").hover(
	function()
	{
		$(this).attr("src","/include/img/rondblanc.png");
	},
	function()
	{
		$(this).attr("src","/include/img/rondvert.png");
	}
);

[bagu]

Cela ne marche pas mieux, je ne comprends pas pourquoi...
Le message d'erreur firebug est le suivant :
Image corrupt or truncated: <unknown>

EDIT : ne serait-ce pas $(this) au lieu de $("this") ? (même si cela ne marche pas dans les deux cas)

EDIT2 : bon, en fait le message d'erreur n'avait rien à voir...c'était dû à un problème de favicon

[SpaceFrog]

oui en effet c'est bien

Code :

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

 $(this)

rectifié dans le code ci dessus