Image pour site web

Résolu/Fermé
Signaler
Messages postés
119
Date d'inscription
mardi 20 juillet 2010
Statut
Membre
Dernière intervention
8 juin 2011
-
 ANTHURIUMRE -
Bonjour,

Je suis en train de faire mon site web avec kompozer et j'aimerais savoir comment on fait pour quand on passe la souris sur une image qu'il y en ait une qui s'affiche juste en dessous et quand on enlève la souris qu'elle disparaisse svp?

4 réponses


Bonjour, je ne connais pas kompozer mais il existe une methode avec javascript nommée onMouseOver et onMouseOut. Lorsque la souris passe sur un lien image originale par exemple une seconde image apparaît. Cet effet a pour nom rollower. Il faut toutefois que les deux images soient identiques en hauteur et largeur.

entre <head> et </head> essaie ce code :
<script>
function Up() {
document.images["change"].src="Mes images/imageX.gif";
}
function Down() {
document.images["change"].src="Mes images/imageY.gif";
}
</script>


Puis entre </body> et </body> à l'endroit que tu veux tu mets ceci :

background=<a href="#" onmouseOver="Up();"onmouseOut="Down();"><img src="Mes images/imageY.gif" name="change" width="valeur que tu veux" height="valeur que tu veux" border="0" align="absmiddle" alt="" /></a>


Essaie pour voir si cela te convient.

Essaie celui-là bien que celui que je t'ai donné aurait dû fonctionner puisque l'utilisant moi-même.
 

<head>
<meta http-equiv=" Content-type" content=" text/html"/>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
</head>
<body>
<image name="image"  src="image1.gif" onmouseover="document.image.src="image2.gif";"onmouseout.image.src="image1.gif";"/>
</body>
</html>


après src n'oublie pas d'indiquer le chemin exact qui permet d'accéder à l'image. Supposons qu'il est dans un dossier nommé Mes images :

src="Mes images/images1.gif"


Tu mets toi l'extension correspondant à ton image. Dans cet exemple j'ai pris .gif mais si chez toi c'est png ou jpeg tu mets à la place.
Messages postés
119
Date d'inscription
mardi 20 juillet 2010
Statut
Membre
Dernière intervention
8 juin 2011
22
Ok merci mais dans ce code, je change que le nom de l'image?
Messages postés
119
Date d'inscription
mardi 20 juillet 2010
Statut
Membre
Dernière intervention
8 juin 2011
22
Sa ne marche pas
Messages postés
119
Date d'inscription
mardi 20 juillet 2010
Statut
Membre
Dernière intervention
8 juin 2011
22
Merci ça marche

Je t'en prie. Tout le plaisir a été pour moi. Bien cordialement.