Image qui change au passage de souris + lien [Résolu/Fermé]

Signaler
Messages postés
73
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
7 août 2012
-
Messages postés
73
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
7 août 2012
-
bonjours ,
j'ai deux image une noir et une coloré et je voudrais que mon image noir soit en permanence visible et soit remplacer par une image coloré lors du survol par la souris. Je veut aussi que lorsqu'on clik sur l'image il y ai une redirectionvers une autre page de mon site.

je crois que je dois utiliser du javascript mais je ne sais pas trop comment ca marche j'ai lu des tutos ou j'ai vu qu'on pouvais metttre des liens et faire changer des images au passe de la souris mais pour tout rassembler j'y arrive pas

merci pour votre aide

3 réponses

Messages postés
2733
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
212
Salut,

oui un peu de JavaScript et le tour est joué !

<a href="TON_LIEN"><img src="IMAGE_NORMALE" onmouseover="this.src='IMAGE_AU_PASSAGE_DE_LA_SOURIS'" onmouseout="this.src='IMAGE_NORMALE'" ></a>




Cordialement
Si un jour, l'envie de travailler te prends, assied-toi et attends que ca passe ...
Les boulets, on ne les aime que dans les quotes ! Merci
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
208
Sauf que ça c'est totalement inaccessible : si pas d'images => on ne voit pas de lien, si pas de js => pas de changement d'image.
Et enfin si le lien est susceptible de contenir un mot important pour le référencement du site, il sera invisible pour un moteur de recherche.

Donc, on met l'image noire en fond (sans texte, car le texte on le met en dur dans le code html), on utilise un a:hover pour le changement d'image de fond, et zouh.
Par ici le petit tuto qui va bien :
http://css.mammouthland.net/rollover-pseudo-classe-css-hover.php
Messages postés
73
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
7 août 2012

merci