[css?/js?]Image au survol de souris

Fermé
IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 12 févr. 2008 à 22:24
 feez - 4 juin 2008 à 16:17
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">
A voir également:

3 réponses

Thamior Messages postés 264 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 18 mars 2014 47
12 févr. 2008 à 22:36
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.
0
Koktail Messages postés 26 Date d'inscription vendredi 8 février 2008 Statut Membre Dernière intervention 9 juillet 2009 3
12 févr. 2008 à 22:40
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.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
13 févr. 2008 à 15:40
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.

 --
0
la solution est là :
https://twitter.com/ceosammassey
0