Discussion :

[Dr. Watson]

Bonjour à tous!

Pour le moment ma tâche consiste à créer les hotspots rectangulaires.

Il s'agit de composer une image de ses fragments(qui sont hotspots en même temps) rectangulaires.

Mais pour faire cela il faut avoir les coordonnées de chaque fragment.

Comment obtenir ces coordonnées?

Merci beaucoup!

[Dr. Watson]

Je viens de trouver un site: http://imagemap-generator.dariodomi.de/ .

C'est bien s'il on n'a pas beaucoup d'images à faire. Mais s'il on en a beaucoup comment faire?

N'est-il pas possible de générer automatiquement les coordonnées de chaque fragment en fragmentant l'image en Gimp ou en Photoshop?

[Vil'Coyote]

tu pourrais expliquer un peu plus ce que tu veux réellement faire?
si c'est du positionnement d'image sur une autre les maparea marche et oui si y a beaucoup d'image le travail est conséquent. Une autre solution consiste à dessiner via une balise caneva. pour ce qui est de gimp et photoshop tu peux générer des découpage mais aucunement gérer un positionnement ils ne sont pas fait pour ça.

[Dr. Watson]

Merci pour la réponse.

Il s'agit de photos des façades des maisons. Je veux fragmenter logiquement la façade d'une maison de façon que chaque fragment corresponde aux cadres d'appartement. Puis au-dessus de ces fragments en apportant la flèche de souris ou en cliquant dessus je veux qu'il s'affiche l'adresse convenable.

Je pense faire cela ou avec la balise <map> ou de fragmenter l'image de façade en gimp(enregistrant chaque fragment comme un fichier .jpg) et puis reconstituer l'image avec <tab>(si c'est possible).

Et encore, j'ai un petit problème à vous proposer:

soit l'image

Comment trouver les coordonnées X₁Y₁ et X₂Y₂ des figures N1 et N2?

[Vil'Coyote]

si tu le fait en mode "gros goret" avec une découpe d'image dans gimp et un positionnement via un tableau ce n'est pas très standard. le mieux est de passer par des div.
si tu le fait avec une map area soit tu passe par un logiciel wysiwyg (Dreamweaver) pour te faciliter les choses soit tu code à la main.

après, personnellement, je ne m'amuserai pas à tester par "position" mais directement par lien. à savoir découper des images comme tu l'indique. les positionner correctement et lorsque l'on clique dessus ouvrir le lien (donc utilise des balise <a> pour afficher le détail) ou passer par du javascript (style lightbox) pour passer les infos en premier plan. dans ce cas là, tu t'embête plus à positionner tes images mais tu n'a pas à savoir ou tu clic au pixel près.
Pour photoshop, tu peux faire des tranche et demander à exporter en html etc ... gimp je ne sais pas.