[css?/js?]Image au survol de souris
IgiXcs
Messages postés
172
Statut
Membre
-
feez -
feez -
Bonjour,
je viens de réaliser un design, et je souhaiterais faire changer mon image au survol de la souris, mais je n'y arrive point!
je ne sais pas si je doit m'orienter vers du css ou du JS!
donc voilà
Merci
[voici mon code actuel :p]
<img style="width: 182px; height: 47px;" src="images/images/acc_2.png">
<img style="width: 182px; height: 47px;" src="images/images/team_2.png">
<img style="width: 198px; height: 47px;" src="images/images/result_2.png">
<img style="width: 192px; height: 47px;" src="images/images/contact_2.png">
<img style="width: 232px; height: 47px;" src="images/images/sponsors_2.png">
je viens de réaliser un design, et je souhaiterais faire changer mon image au survol de la souris, mais je n'y arrive point!
je ne sais pas si je doit m'orienter vers du css ou du JS!
donc voilà
Merci
[voici mon code actuel :p]
<img style="width: 182px; height: 47px;" src="images/images/acc_2.png">
<img style="width: 182px; height: 47px;" src="images/images/team_2.png">
<img style="width: 198px; height: 47px;" src="images/images/result_2.png">
<img style="width: 192px; height: 47px;" src="images/images/contact_2.png">
<img style="width: 232px; height: 47px;" src="images/images/sponsors_2.png">
A voir également:
- [css?/js?]Image au survol de souris
- Comment activer le pavé tactile sans souris - Guide
- Image iso - Guide
- Souris ordinateur - Guide
- Légender une image - Guide
- Reduire taille image - Guide
3 réponses
Bonjour,
Je te conseillerai de regarder avec le JavaScript sur les événements onMouseOver et onMouseout.
Je ne pense pas que cela soit possible en CSS.
Thamior.
Je te conseillerai de regarder avec le JavaScript sur les événements onMouseOver et onMouseout.
Je ne pense pas que cela soit possible en CSS.
Thamior.
Juste un petit commentaire dans ta feuille CSS, si tu utilises :hover, ça va peut être marcher. Enfin, j'en suis pas sûr du tout. Sinon le JavaScript semble être le plus approprié. Va faire un tour sur alsacréations.
Bonjour,
Pour une chose assez simple en fait, les CSS peuvent suffire.
Il est quand même plus facile de le faire sur des images placées en arrière-plan d'un élément HTML.
Ensuite, au survol par la souris, on affiche une autre image ou, mieux, une autre partie de la même image.
IE6 n'accepte de faire fonctionner le “:hover” que sur des liens.
Tu peux en voir un exemple dans ce menu.
On peux aussi choisir Javascript.
Des exemples de rollover.
--
Pour une chose assez simple en fait, les CSS peuvent suffire.
Il est quand même plus facile de le faire sur des images placées en arrière-plan d'un élément HTML.
Ensuite, au survol par la souris, on affiche une autre image ou, mieux, une autre partie de la même image.
IE6 n'accepte de faire fonctionner le “:hover” que sur des liens.
Tu peux en voir un exemple dans ce menu.
On peux aussi choisir Javascript.
Des exemples de rollover.
--