Sujet Précédent Sujet Suivant

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:

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.
0
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.
0
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?
0
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
0
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
0
ANTHURIUMRE
22 nov. 2010 à 06:58
Je t'en prie. Tout le plaisir a été pour moi. Bien cordialement.
0

Discussions similaires

Nouveau coco tchat ?
LoupiotteDesTenebres -
brucine -

9 réponses
Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
[SUJET GROUPÉ] Le site COCO.GG est définitivement fermé.
Utilisateur anonyme -
Panth33ra -

21 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses