remplacer une image avec JQuery Fermé

Question

bonjour, je voudrais savoir la méthode pour remplacer une image par une autre au survol de la souris l'image de base est insérée en html, la seconde en css (background). mon souci est que pour le moment l'image inséeée en html est au dessus de celle insérée en css et donc n'apparait pas. j'ai donc fait un script en JQuery mais le souci là (et je ne l'avais pas stipulé avant) est que toutes les images de mon menu (menu-images) adopte la meme image... mais elle apparait bien comme il faut et disparait pareil... je pose le hml echo '

'; et le JQuery : $('.img').mouseover(function(){ $(this).attr('src','images/mark_visible.png'); }); $('.img').mouseout(function(){ $(this).attr('src','images/mark.png'); }); donc comment je peux faire pour que mon menu php s'associe avec Jquery ? svp merci par avance

gintoxic · Answer

bon et bien j'ai trouvé un truc mais il est récurrent et rébarbatif = rééter le script pour chaque item
si vous pouviez me donner une méthode pour condenser le script, ce serait plus léger...merci par avance

html : 
<img src="images/'.lcfirst($lib_theme).'.png" id="'.lcfirst($lib_theme).'" />

JQuery :
$('#mark').mouseover(function(){        $(this).attr('src','images/mark_visible.png');       });     $('#mark').mouseout(function(){        $(this).attr('src','images/mark.png');    });

Minette · Answer

Bonsoir,

Je te donne ma manière de procéder, qui n'est peut-être pas celle préconisée par les experts, mais au moins elle fonctionne !! 
Et pas besoin de Javascript avec ma méthode :)

Tu mets une image transparente en background à tes li.
Et ensuite :

li:a {background-image: image en noir et blanc;}
li:hover {background-image : image en couleur; }

Okay ? Easy. 
Allez bonne soirée ;)

Remplacer une image avec JQuery

2 réponses

Discussions similaires