Image qui change au passage de souris + lien

Résolu/Fermé
organogon Messages postés 73 Date d'inscription samedi 28 novembre 2009 Statut Membre Dernière intervention 7 août 2012 - 15 avril 2010 à 13:51
organogon Messages postés 73 Date d'inscription samedi 28 novembre 2009 Statut Membre Dernière intervention 7 août 2012 - 15 avril 2010 à 20:29
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

A voir également:

3 réponses

a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 217
Modifié par a70m le 15/04/2010 à 13:54
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
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
15 avril 2010 à 14:14
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
0
organogon Messages postés 73 Date d'inscription samedi 28 novembre 2009 Statut Membre Dernière intervention 7 août 2012
15 avril 2010 à 20:29
merci
0