Image pour site web

Résolu
Nicolariix90 Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   -  
 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?
A voir également:

4 réponses

Réponse 1 / 4
ANTHURIUMRE
 
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.
0
ANTHURIUMRE
 
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.
0
Réponse 2 / 4
Nicolariix90 Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   24
 
Ok merci mais dans ce code, je change que le nom de l'image?
0
Réponse 3 / 4
Nicolariix90 Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   24
 
Sa ne marche pas
0
Réponse 4 / 4
Nicolariix90 Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   24
 
Merci ça marche
0
ANTHURIUMRE
 
Je t'en prie. Tout le plaisir a été pour moi. Bien cordialement.
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses