Permutation d'image avec effets.
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:
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