gagarineyouri
Membre récent
 Hors-Ligne
Messages: 2
Je suis un lama!
|
Bonjour,
J'ai trois petites images et quand je passe la souris sur l'une d'elle, l'image où il y a la souris apparaît en plus gros format plus haut dans la page. J'ai le code, mais j'arrive seulement à le faire fonctionner sur une seule image. J'aurais besoin que les trois fonctionnent. Voici le code :
<html>
<head>
</head>
<body>
<!-- script pour intervertir les images -->
<script type="text/javascript">
<!-- cette fonction indique que le document nommée photo(name="photo") va contenir l'image photo2.jpg -->
function changeimage(){
document.photo.src="photo2.jpg";
}
<!-- cette fonction indique que le document nommée photo(name="photo") va contenir l'image photo1.jpg -->
function restore_image(){
document.photo.src="photo1.jpg";
}
</script>
<!-- l'image qui va changer -->
<img src="photo1.jpg" style="border: 2px ridge gold;width:220;" name="photo" />
<!-- avec onmouseover(quand souris dessus l'image) et onmouseout(quand souris sortie de l'image) on indique quelle fonction utiliser, donc quelle image affiche le document nommé photo --->
<a href="#" onmouseover="changeimage()" onmouseout="restore_image()">
<!-- l'image qui sert pour activer le rollover, on peut utiliser du texte si l'on veut-->
<img src="photo1.jpg" />
</a>
</body>
</html>
Merci! |
Auteur 
