Discussion :

[Yakuzan]

Salut, je suis nouveau avec la bibliothèque jQuery, j'ai eu peu de succès jusqu'a maintenant.

Je suis a l'aise avec le javascript alors j'ai crée un menu dynamique simple. Par la suite j'ai eu le goût d'avoir une transition "animer" et non juste une permutation simple.

Voici mon jQuery, présentement, lorsque j'ajoute la fonction show(), le code l'ignore et remplace le src de l'image identifier par le id #home mais ne fait pas d'animation de style fadeIn.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
$(document).ready(function(){
 
 
	$('#home').mouseover(function() {
 
	var src = $(this).attr("src").match(/[^\.]+/) + "B.png";
 
	$(this).attr("src", src).show("slow");
 
 
	});
 
 
	});

Le bouton original s'appelle:

home.png

Lorsque la souris passe dessus, je veux une belle animation permutant vers l'image:

homeB.png

Comme vous pouvez constatez j'utilise "B" comme ajout lors de l'image finale pour toutes les images de ma listes.

-Merci

[Bovino]

Salut,

Tu fais une erreur de conception.
Le fait de modifier un attribut d'une image ne modifie pas sa visibilité, donc en gros, tu tentes d'afficher un élément déjà affiché, il est donc normal qu'il ne se passe rien.
Il te faut masquer l'image avec hide, puis changer le src puis réafficher avec show.

[Yakuzan]

A vrai dire, le src est modifier dans mon exemple. L'image change a la seconde. Ce que je recherche c'est un effet qui n'est pas instantané, mais plutôt une animation plus fluide d'une image à la seconde.

Ah oui, j'éprouve de la difficulté à comprendre comment placer des paramètres en jQuery, car je voudrais bien n'utiliser qu'une fonction pour les menu en entier.

La je dois filer car je bosse, mais j'éditerai ma réponse avec un nouveau code lorsque je serai de retour.

Merci