changer image au survol

**aj95** · 01/10/2008, 18h36

Bonjour,
j'ai fait des boutons: un normal, non survolé, et l'autre d'une autre couleur, survolé.
Je n'arrive pas à faire en sorte de changer d'image au survol et que cette image survolée renvoie à un fichier html.

j'ai fait cela, mais je pense que c'est mieux avec des a:hover

<img src="images2/bouton1.png" onmouseover="this.src='images2/bouton2.png';" onmouseout="this.src='images2/bouton1.png';" />

comment faire pour que lorsqu'on survole le bouton 1 qui se change donc en bouton 2 on puisse clqiuer dessus pour aller à une autre page html?

merci d'avance!

**aj95** · 01/10/2008, 19h25

comment faire pour que le bouton 2 soit cliquable?

**aj95** · 03/10/2008, 18h09

aidez moi s'il vous plaît!

inviteaa28de53 · 03/10/2008, 20h43

Salut,
voici une solution :

Code:

<a href="lien_vers_ta_page.html"onmouseover="document.ton_image.src='"images/image2.png"';" onmouseout="document.ton_image.src='"images/image1.png"';"title="Lien vers la page : ..."><img src="images/image1.png" name="ton_image" alt="titre de ton image"/></a>
.

Essaye cette solution...

Au plaisir.

A voir en vidéo sur Futura · Aujourd'hui

**aj95** · 06/10/2008, 08h40

merci beaucoup quand même: l'image ne se change pas.
je ne pense pas que ce soit trop grave mais je n'arrive pas à la faire changer..

**choenix** · 06/10/2008, 23h18

salut

Quelle application utilises tu déjà ?

bye

**aj95** · 07/10/2008, 06h54

internet exploreur
en fait il y a bien un lien sur l'image mais elle ne changepas
et avec des a:hover?

**aj95** · 08/10/2008, 08h01

personne ne peut m'aider?
envoyez moi le css et le html avec bouton 1 et 2 et cliquable svp
merci

invite76ab959b · 08/10/2008, 09h05

si j'ai bien compris: t'as un bouton1 qui est survolable,
au survol il devient bouton2 cliquable.
les 2 boutons se présentent en forme d'image - il y a pas de texte
au click s'affiche une page.
je vais voir se que je peux faire, mais confirme si j'ai bien compris....

**yoda1234** · 08/10/2008, 10h44

Bonjour,

c'est ça que tu veux? http://cerig.efpg.inpg.fr/dossier/fe...yle/page12.htm
Une simple recherche a suffit....

**aj95** · 08/10/2008, 15h29

merci beaucoup, c'est parfait!!!
j'avais recherché opendant pas mal de temps, masi certainement pas avec les bons mots...
je fais toujours une longue recherche avant de poster!

**yoda1234** · 08/10/2008, 16h09

Les mots était "survol bouton", ce qui donne ça: http://www.google.fr/search?hl=fr&cl...chercher&meta=
Ensuite j'ai cherché ce qui correspondait le plus à ta demande, donc le troisième lien.
J'aurais pu aussi entrer"Rollover" ce qui m'aurait donné sans doute d'autres résultat aussi probant.

**aj95** · 08/10/2008, 20h02

merci beaucoup
je devrais améliorer mes méthodes de recherche!

**aj95** · 10/10/2008, 18h02

ca ne marche pas, e n'y arrive pas!
voici mon code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="mouche.css" />

</head>

<a href="lien_vers_ta_page.html"o nmouseover="document.ton_image .src='"images2/btn2.png"';" onmouseout="document.ton_image .src='"images2/btn1.png"';"title="Lien vers la page : ...">
<img src="images2/btn1.png" name="ton_image" alt="titre de ton image"/> </a>






<img src="images2/truc1.png" onmouseover="this.src='images2/truc2.png';" onmouseout="this.src='images2/truc1.png';" />

le prolème c'est que ca me fait bien un lien, mais si je mais le lien pour une seule image, ca me le fait pour toutes!

pouvez vous m'aider?

**aj95** · 10/10/2008, 20h17

c'est bon , j'ai réussi
par contre, mes images ont un problème: elles dépassent toutes vers le bas d'au moins 50 px ce qui fait qu'elles sont très espacées.
il faudrait que je fasse un margin bottom pour toutes ces images qui sont contenues dans le m^me dossier, mais je ne sais pas comment faire.
pouvez vous m'aider?

merci

changer image au survol

changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Re : changer image au survol

Discussions similaires

Survol du lac Saint-Pierre, Canada