Titre: Rollover sur une autre image
Posté par: gagarineyouri le le 11-08-2008 a 21:55:22
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! |
Titre: Re:Rollover sur une autre image
Posté par: dvilston le le 29-10-2008 a 16:38:05
si tu met name="photo" sur toutes tes images, le javascript va rester que sur la premiere car il n'est pas inclu dans une boucle...
sinon tu utilise jquery et en quelques secondes c'est réglé si tu as besoin de plus d'infos n'hésite pas
:)
enjoy |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|