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
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
A voir également:
- Image qui change au passage de souris + lien
- Lien url - Guide
- Verifier un lien - Guide
- Piratage facebook changer mot de passe - Guide
- Créer un lien pour partager des photos - Guide
- Image iso - Guide
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
Modifié par a70m le 15/04/2010 à 13:54
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
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
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
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
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
15 avril 2010 à 20:29
merci