Rollover sur une autre image
gagarineyouri
Messages postés
3
Statut
Membre
-
gagarineyouri Messages postés 3 Statut Membre -
gagarineyouri Messages postés 3 Statut Membre -
Bonjour,
Dans Frontpage, j'essaie de faire un rollover sur une autre image. Cependant, ça ne fonctionne pas. Pour mieux comprendre, j'ai mis le lien de la page en question :
http://www.cyberquebec.ca/lehouxsport/Veh_neufs/V_neufs_2.htm
Je voudrais que la grosse image du haut change lorsqu'on clique sur les trois petites du bas. Pourtant, mon code html fonctionne, mais on dirait qu'il n'y a pas de lien de fait avec la grosse image du haut, car lorsqu'on clique sur les petites images, ce sont elles qui changent et non la grosse du haut.
J'ai suivi le tutoriel de ce site : http://www.cadtutor.net/wb/fp/rollover/rollover.html dans la section Tips and Tricks.
Merci de votre aide!
Dans Frontpage, j'essaie de faire un rollover sur une autre image. Cependant, ça ne fonctionne pas. Pour mieux comprendre, j'ai mis le lien de la page en question :
http://www.cyberquebec.ca/lehouxsport/Veh_neufs/V_neufs_2.htm
Je voudrais que la grosse image du haut change lorsqu'on clique sur les trois petites du bas. Pourtant, mon code html fonctionne, mais on dirait qu'il n'y a pas de lien de fait avec la grosse image du haut, car lorsqu'on clique sur les petites images, ce sont elles qui changent et non la grosse du haut.
J'ai suivi le tutoriel de ce site : http://www.cadtutor.net/wb/fp/rollover/rollover.html dans la section Tips and Tricks.
Merci de votre aide!
A voir également:
- Rollover sur une autre image
- Légender une image - Guide
- Image iso - Guide
- Comment rechercher une image sur google - Guide
- Mettre une image en filigrane sur word - Guide
- Agrandir une image - Guide
2 réponses
Bonsoir,
Frontpage comme tout les éditeurs de page web va générer le code(la programmation) de la page web.
L'inconvénient(entre autre) c'est que dés qu'on veut faire quelque chose de plus compliqué que les fonctions de base on a aussi vite fait d'apprendre et d'écrire le code à la main que d'apprendre la même chose avec le logiciel "censé" simplifier les choses.
Voici un exemple en javascript:
J'utilise un lien "vide" (href="#") pour indiquer que l'image doit réagir au survol et à la sortie de la souris de la zone de l'image. IMPORTANT: name="photo" indique quelle image doit changer, l'image sur lequel est fait le rollover elle n'a pas besoin de nom puisque les actions sont indiqués dans le lien.
Frontpage comme tout les éditeurs de page web va générer le code(la programmation) de la page web.
L'inconvénient(entre autre) c'est que dés qu'on veut faire quelque chose de plus compliqué que les fonctions de base on a aussi vite fait d'apprendre et d'écrire le code à la main que d'apprendre la même chose avec le logiciel "censé" simplifier les choses.
Voici un exemple en javascript:
<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>
J'utilise un lien "vide" (href="#") pour indiquer que l'image doit réagir au survol et à la sortie de la souris de la zone de l'image. IMPORTANT: name="photo" indique quelle image doit changer, l'image sur lequel est fait le rollover elle n'a pas besoin de nom puisque les actions sont indiqués dans le lien.
Merci pour l'information, ça a l'air de fonctionner. Par contre, si je veux mettre trois petites photos en bas, qui changerait la grosse, comment je fais pour rajouter les deux autres ?
De plus, est-ce normal que ma grosse image d'en haut devienne flou lorsque j'enlève ma souris de sur la petite du bas pour passer à une autre photo ?
Merci!
De plus, est-ce normal que ma grosse image d'en haut devienne flou lorsque j'enlève ma souris de sur la petite du bas pour passer à une autre photo ?
Merci!
