High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

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

Dernière réponse le 4 jun 2008 à 16:17:53 IgiXcs, le 12 fév 2008 à 22:24:37 
 Signaler ce message aux modérateurs

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">
IgiX :
Avec xp, on était prêt du gouffre, mais avec vista, on a fait un grand pas en avant ;)

Configuration: Windows XP
Firefox 2.0.0.12

Meilleures réponses pour « [css?/js?]Image au survol de souris » dans :
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Posez votre question Répondre

1

Thamior, le 12 fév 2008 à 22:36:41

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.

   
Répondre à Thamior

2

Koktail, le 12 fév 2008 à 22:40:42

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.

   
Répondre à Koktail

3

Gihef, le 13 fév 2008 à 15:40:44

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.

 --

   
Répondre à Gihef

4

 feez, le 4 jun 2008 à 16:17:53
   
Répondre à feez
Posez votre question Répondre
Ils ont besoin de votre aide