Image pour site web

Résolu/Fermé

Nicolariix90 Messages postés 119 Date d'inscription mardi 20 juillet 2010 Statut Membre Dernière intervention 8 juin 2011 - 21 nov. 2010 à 18:01
ANTHURIUMRE - 22 nov. 2010 à 06:58

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:

Image pour site web
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Site pour vendre des objets d'occasion - Guide
Web office - Guide
Création site web - Guide

4 réponses

Réponse 1 / 4

ANTHURIUMRE
21 nov. 2010 à 18:21

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.

ANTHURIUMRE
21 nov. 2010 à 19:20

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.

Réponse 2 / 4

Nicolariix90 Messages postés 119 Date d'inscription mardi 20 juillet 2010 Statut Membre Dernière intervention 8 juin 2011 24
21 nov. 2010 à 18:26

Ok merci mais dans ce code, je change que le nom de l'image?

Réponse 3 / 4

Nicolariix90 Messages postés 119 Date d'inscription mardi 20 juillet 2010 Statut Membre Dernière intervention 8 juin 2011 24
21 nov. 2010 à 18:36

Sa ne marche pas

Réponse 4 / 4

Nicolariix90 Messages postés 119 Date d'inscription mardi 20 juillet 2010 Statut Membre Dernière intervention 8 juin 2011 24
21 nov. 2010 à 20:25

Merci ça marche

ANTHURIUMRE
22 nov. 2010 à 06:58

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

Discussions similaires

C'est quoi le site qui remplace coco chat