Comment mettre des images qui s'aggrandissent
Résolu/Fermé
Isish
-
27 août 2009 à 13:10
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 - 27 août 2009 à 17:38
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 - 27 août 2009 à 17:38
A voir également:
- Comment mettre des images qui s'aggrandissent
- Des images - Guide
- Ia qui crée des images - Accueil - Intelligence artificielle
- Faites en sorte que la cellule a1 affiche exactement ce qui est montré sur cette image. quel mot apparaît en b1 ? - Forum Excel
- Comment agrandir une image - Guide
- Google images - Guide
4 réponses
monkey_monk
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
130
27 août 2009 à 13:34
27 août 2009 à 13:34
Tu peux faire ça via le css... avec la pseudo classe :hover.
Ex.:
dans ton css:
Et ça devrais fonctionner !
Au pire, si je me goure avec le passage "a:hover img" tu peux mettre l'image dans le fond du a et placer un texte (ce qui est mieux pour le SEO !)
Ex.:
dans ton css :
Voilà j'espère ne pas avoir fait de fautes ! :D
Ex.:
<a class="roll" href="#" title="Français"><img src="ton_image.gif" alt="Français" /></a>
dans ton css:
a.roll:link img, a.roll:visited img { display:block; width:100px; height:100px; border:0; }
a.roll:hover img, a.roll:active img { display:block; width:200px; height:200px; }
Et ça devrais fonctionner !
Au pire, si je me goure avec le passage "a:hover img" tu peux mettre l'image dans le fond du a et placer un texte (ce qui est mieux pour le SEO !)
Ex.:
<a class="roll" href="#" title="Français">Français</a>
dans ton css :
a.roll:link, a.roll:visited { display:block; width:100px; height:100px; background:url(ton_image.gif) 0 0 no-repeat; text-indent:-9999px; }
a.roll:hover, a.roll:active { display:block; width:200px; height:200px; background:url(ton_image_en_grand.gif) 0 0 no-repeat; text-indent:-9999px; }
Voilà j'espère ne pas avoir fait de fautes ! :D
monkey_monk
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
130
27 août 2009 à 17:38
27 août 2009 à 17:38
Avec plaisir ! ;)
N'oublie pas de mettre ton sujet en "Résolu". :D
N'oublie pas de mettre ton sujet en "Résolu". :D