Bonjour,
J'ai la photo d'une maison, j'aimerais qu'au passage de la souris sur les différentes pièces/parties, cela change l'image de la pièce en question...
Il est très facile de le faire en utilisant des tableaux avec les différentes parties de la maison... style :
Mais toutes les parties n'étant pas forcement droite, cela pose problèmes...
Code : Sélectionner tout - Visualiser dans une fenêtre à part <p><a title="Jeux du pendu" onmouseover="document.photo.src='chateauporte.jpg'" onmouseout="document.photo.src='chateau.jpg'" href="/page/le-pendu.html"><img style="display: block; margin-left: auto; margin-right: auto;" src="chateau.jpg" alt="" name="photo" /></a></p>
Donc, je me tourne vers les zones cliquables, exemple :
Mais, je n'arrive pas à y mettre les 'onmouse'...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <div align="center"> <p><img src="chateau.jpg" width="461" height="549" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="79,230,163,218,118,113,75,197,78,231" href="#" /> <area shape="poly" coords="160,466,201,471,209,408,197,387,183,387,172,394,163,424,160,448" href="#" /> </map> </p> </div>
L'idée est de faire comme sur se site : http://bienvivrechezsoi.be/
Pouvez-vous m'aider ? Grand merci d'avance :-)
Partager