Image qui change au passage de souris + lien

Résolu
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

  1. Contributeur
    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
    1. 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