Modifier dynamiquement les coordonnées MAP d'une image cliquable

Signaler
Messages postés
8
Date d'inscription
lundi 6 novembre 2000
Statut
Membre
Dernière intervention
11 juin 2020
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
Bonsoir à tous,

J'ai une image cliquable accompagnée de zones AREA munies de coordonnées.
Cette image est placée dans une div.
Un code Javascript permet de déplacer l'image dans la div, et surtout d'effectuer des zooms sur cette image.

Le problème est que les zones cliquables ne se trouvent plus au bon endroit, ce qui est normal.

Question 1 : comment modifier dynamiquement les coordonnées des zones en cas de zoom ?
Question 2 : comment mettre mon code complet en pièce jointe ?

Info : pour déplacer l'image, clic gauche (drag & drop); pour zoomer, clic droit + move ou bien molette.

Un grand merci pour votre aide.

3 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
1/ tu peux modifier les données d'une AREA au travers de ses propriétés coords et shape
2/ avec un fichier js externe, mais pas sur que cela soit la question !

;O)
Messages postés
8
Date d'inscription
lundi 6 novembre 2000
Statut
Membre
Dernière intervention
11 juin 2020

Bonsoir,

Merci beaucoup pour cette réponse.
Je savais lire l'attribut coords, mais j'ignorais que l'on pouvait y écrire !

Pour ce qui est de la question 2, je voulais savoir si ce forum permettait de joindre des pièces jointes dans lesquelles j'aurais pu mettre un exemple concret.

Encore Merci.
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
concernant la réponse 2, le plus simple est de copier la source, enfin la partie intéressante allégée et de l'encadrer avec les balises code accessibles grâce aux icônes du bandeau de la zone de saisie.

;O)