Image qui change au passage de souris + lien
Résolu
organogon
Messages postés
73
Date d'inscription
Statut
Membre
Dernière intervention
-
organogon Messages postés 73 Date d'inscription Statut Membre Dernière intervention -
organogon Messages postés 73 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Image qui change au passage de souris + lien
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Changer de dns - Guide
- Verificateur de lien - Guide
- Comment activer le pavé tactile sans souris - Guide
3 réponses
Salut,
oui un peu de JavaScript et le tour est joué !
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
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
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
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
