Changer d'image, mais garder les AREA MAPS
Résolu
mikeduff
-
mikeduff Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
mikeduff Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je crains que mon titre ne soit pas très clair, mais c'est parfois difficile de résumer en quelques mots.
Voici ce que je voudrais réaliser:
Dans une balise <div> est insérée une image, sur laquelle 2 zones ont été "mappées" en vue d'un lien:
<div id="big_photo" class="bigphoto">
<img src="diapo4.png" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="8,5,59,61" href="#" />
<area shape="rect" coords="92,64,149,119" href="#" />
</map>
</div>
Lors d'un clic sur un autre élément de la page, est appelée une fonction Javascript qui a pour objet de changer l'image à l'intérieur du <div>:
AUTREIMAGE=<img src="diapo6.png" border="0" usemap="#Map" />
document.getElementById("big_photo").innerHTML=AUTREIMAGE;
Cela fonctionne très bien, l'image est changée, mais ... les zones "mappées" ont disparu !
Comment faire pour qu'elles sont conservées sur la nouvelle image ? (soit avec les mêmes coordonnées de #Map, soit avec de nouvelles coordonnées) ?
Merci d'avance à tous ceux qui auraient une idée géniale !!
Mike
Je crains que mon titre ne soit pas très clair, mais c'est parfois difficile de résumer en quelques mots.
Voici ce que je voudrais réaliser:
Dans une balise <div> est insérée une image, sur laquelle 2 zones ont été "mappées" en vue d'un lien:
<div id="big_photo" class="bigphoto">
<img src="diapo4.png" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="8,5,59,61" href="#" />
<area shape="rect" coords="92,64,149,119" href="#" />
</map>
</div>
Lors d'un clic sur un autre élément de la page, est appelée une fonction Javascript qui a pour objet de changer l'image à l'intérieur du <div>:
AUTREIMAGE=<img src="diapo6.png" border="0" usemap="#Map" />
document.getElementById("big_photo").innerHTML=AUTREIMAGE;
Cela fonctionne très bien, l'image est changée, mais ... les zones "mappées" ont disparu !
Comment faire pour qu'elles sont conservées sur la nouvelle image ? (soit avec les mêmes coordonnées de #Map, soit avec de nouvelles coordonnées) ?
Merci d'avance à tous ceux qui auraient une idée géniale !!
Mike
A voir également:
- Changer d'image, mais garder les AREA MAPS
- Google maps satellite - Guide
- Changer dns - Guide
- Google maps - Guide
- Maps - Accueil - Transports & Cartes
- Telecharger google maps pc - Télécharger - Téléchargement & Transfert
Parfait ça marche: simple et efficace ta solution !!
Encore merci !!
Mike