gif apparait/remplacer en js ou css lorsque souris pointe lien

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : gif apparait/remplacer en js ou css lorsque souris pointe lien

jpass2

Bonjour,

J'aimerais qu'un petit gif apparaisse à la gauche du lien quand ma souris passe sur le lien, et que le gif par défaut revienne quand je pointe ailleurs.
J'ai trouvé ça mais cela ne fonctionne pas quand je veux faire la même chose sur plusieurs liens dans la page avec les mêmes images...

Une idée ?
(ça peut marcher aussi ac du css peut être ?)
Merci

Publicité

olivthill

Voici la solution que j'utilise pour afficher des petites marbles (billes) à côté d'un lien et faire changer la couleur de la bille quand je passe au dessus du lien :

Code :

<html>
<head>
</style>
<script language=javascript>
if (document.images) {
marbleg = new Image
marbleg.src = 'mgreen.gif'
marbley = new Image
marbley.src = 'myellow.gif'
}
else {
marbleg = ""
marbley = ""
}
</script>
</head>
<body>
<img src="mgreen.gif" width=13 height=13 name="mm01">
<a href="toto.htm"
onmouseover="images['mm01'].src=marbley.src"
onmouseout="images['mm01'].src=marbleg.src">Toto</a>
<p>
<img src="mgreen.gif" width=13 height=13 name="mm02">
<a href="titi.htm"
onmouseover="images['mm02'].src=marbley.src"
onmouseout="images['mm02'].src=marbleg.src">Titi</a>
</body>
</html>

Message édité par olivthill le 16-09-2008 à 16:57:28

jpass2

C'est le même code que le miens !
Tout simplement, je devais rajouter des numéros (en ramplaçant le 1 par 2, ensuite 3 etc.)

MERCI olivthill !

Lactique

Caraïbe et huile de coco

et dire qu'en css il faut 2 lignes tout en restant accessible.
A{display:block;width:Xpx; height:Xpx;background:url(mon image qui contient les 2 billes une au dessus de l'autre) no-repeat left top;padding-left:Xpx}
A:hover{background-position:left bottom;}

Message édité par Lactique le 17-09-2008 à 09:54:41

---------------
Studio CréeAll

jpass2

Je voulais pas trop en demander mais j'aurais voulu aussi une réponse en css merci
Sauf que là ça ne me fait pas la même chose, car l'image apparait en background du lien alors que je veux les images à gauche du lien...

FORUM HardWare.fr

Programmation

HTML/CSS

gif apparait/remplacer en js ou css lorsque souris pointe lien

Sujets relatifs
image action souris	Question style de lien aux pros du HTML/CSS
lien en surbrillance au survol de la souris	Lien sur une image flash en html
Liste de fichier avec lien	Remplacer une DLL (.net) au runtime par une nouvelle version
Lien vers itinéraire mappy ou autre	Problème d'écriture de lien
grace a un lien telecharger des fichiers se trouvant dans une bd
Plus de sujets relatifs à : gif apparait/remplacer en js ou css lorsque souris pointe lien

Page générée en 0.024 secondes