Bonjour,
Je suis nouveau sur ce forum, donc si je n'ai pas inscrit ma demande dans la bonne rubrique, n'hésitez pas à la déplacer.
Revenant-en à nos moutons, comme le titre l'indique je voudrais savoir s'il est possible de modifier l'image de référence d'une map.
Je m'explique, j'ai un menu composé d'image, j'utilise le focus de la page pour superposer d'autres images lorsque l'on clique sur les différents boutons du menu.
J'ai donc une image de base, je voudrais au lancement de ma page que le menu soit figé sur le premier onglet de mon tableau.
Car j'affiche par défaut le contenu du premier onglet.
J'espère avoir été assez clair ...
Je vous poste le code :
Code HTML :
<style type="text/css">
BODY
{
position: fixed;
line-height: 30px;
font-size: 1.15em;
overflow: hidden;
}
</style>
<script type="text/javascript">
i1 = new Image();
i1.src = "Images/Onglets/Carriere/métiers";
i2 = new Image();
i2.src = "../Images/Onglets/Carriere/métiers_flou";
i3 = new Image();
i3.src = "../Images/Onglets/Carriere/que sont ils devenus";
i4 = new Image();
i4.src = "../Images/Onglets/Carriere/que sont ils devenus_flou";
i4 = new Image();
i4.src = "../Images/Onglets/Carriere/carrière_1";
</script>
</head>
Code HTML :
<body>
<img src="../Images/Onglets/Carriere/carrière_1" alt="Menu Carriere" width="264" height="231" name="Moi" border="0" usemap="#Menu"/>
<map name="Menu" id="Menu">
<area shape="rect" coords="0,0,264,52" onfocus="Moi.src='./Images/Onglets/Carriere/métiers_flou.png'" href="Metiers.html" target="FrameContenu" alt="Metiers" />
<area shape="rect" coords="0,52,264,95" onfocus="Moi.src='./Images/Onglets/Carriere/que sont ils devenus_flou.png'" href="Avenir.html" target="FrameContenu" alt="Avenir" />
</map>
</body>
J'espère que vous pourrez vite m'aider
merci pour votre compréhension ^^