Map cliquable avec popup image positionné plus - HTML/CSS - Programmation
MarshPosté le 16-01-2013 à 14:51:36
Bonjour, j'ai une image sur laquelle j'ai crée des zones cliquables. Je veux pouvoir lier chacune de ces zones soit avec un passage souris (onmouse) et afficher en fenêtre une photo, soit effectuer un click sur la zone et débrancher sur un lien <img src="Sans titre" width="1024" height="747" border="0" usemap="#map" /> <map name="map"> <area shape="circle" coords="282,607,60" alt="sujet01" href="filefichier01.jpg" /> <area shape="circle" coords="467,561,59" alt="sujet02" href="filefichier02.jpg" /> </map> <img class="CtreTexte" height="320" onmouseout="javascript:this.src='images/sampledata/image01.jpg'" onmouseover="javascript:this.src='images/sampledata/image02.jpg'" src="images/sampledata/image01.jpg" width="450" /></p>
Je ne sais pas comment positionner une image popup sur la position souhaitée et ne sait comment valider le clic vers un lien. Merci de votre aide.
Marsh Posté le 16-01-2013 à 14:51:36
Bonjour, j'ai une image sur laquelle j'ai crée des zones cliquables.
Je veux pouvoir lier chacune de ces zones soit avec un passage souris (onmouse) et afficher en fenêtre une photo, soit effectuer un click sur la zone et débrancher sur un lien
<img src="Sans titre" width="1024" height="747" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="282,607,60" alt="sujet01" href="filefichier01.jpg" />
<area shape="circle" coords="467,561,59" alt="sujet02" href="filefichier02.jpg" />
</map>
<img class="CtreTexte" height="320" onmouseout="javascript:this.src='images/sampledata/image01.jpg'" onmouseover="javascript:this.src='images/sampledata/image02.jpg'" src="images/sampledata/image01.jpg" width="450" /></p>
Je ne sais pas comment positionner une image popup sur la position souhaitée et ne sait comment valider le clic vers un lien.
Merci de votre aide.