Image réactive

[Dirty Prince]

Bonjour !

Je ne sais pas pourquoi, mais chez moi, le tutoriel pour faire une image réactive ne fonctionne plus - enfin, il n'y a plus rien d'écrit quoi... -
Je souhaiterais donc savoir si quelqu'un l'avais enregistré et pourrait me le refiler...

En fait c'est surtout pour la base du code à rentrer, parce que pour le moment, pas de problème pour calculer les coordonnés ^^

Merci d'avance ! En espérant avoir une réponse rapidement..

[Izumi375]

Bonjour,

En parlant d'image réactive vous parlez d'une image mappée (des zones renvoyant à différents liens) ?
Si c'est le cas la solution la plus simple est celle ci (requiert toutefois gimp):

http://www.archilinux.org/web/image-map/gimp-web.html

Pour le code uniquement, je ne l'ai pas enregistrer mais je te donne le mien qui normalement marche:

Code:

<img src="image.jpg" usermap="#map">
<map name="map">
<area shape="rect" coords="X1,Y1,X2,Y2" href="url1.html" >
<area shape="poly" coords="X1,Y1,X2,Y2,..." href="url2.html">
<area shape="circle" coords="X1,Y2,R" href="url3.html">
</map>


Cordialement,

[Dirty Prince]

Bonjour et oui, c'est bien ça ^^

J'avais quelque chose d'assez similaire, et pourtant cela n'a pas marché...
X1,Y1,X2,Y2, correspondent à quoi précisément ? X1 je suppose la hauteur gauche, Y1 le bas à droite [en partant de la droite], mais X2 et Y2 je sais pas.. La largeur et la hauteur, peut-être?

[Izumi375]

ah mais non xD.
Donc un peu de géométrie

Pour le rectangle, Soient A(X1;Y1) et B(X2;Y2) les points opposés du rectangle (inférieur gauche et supérieur droit je crois)
Même chose pour le polygone mais avec plusieurs points.

Sinon le code marche très bien sur mon forum ^^.

Un petit conseil utilise Gimp c'est facile et rapide! Tu n'auras qu'à Copier/Coller le code source.

[Anzu]

Bonjour,

Où en est votre problème ? Est il résolu ?


_____________________

Pensez à nous tenir informé :
lorsque le problème ne l'est pas : uppez régulièrement (24 heures au minimum) votre sujet.
si le problème est résolu :
- Cliquez sur le bouton de votre premier message du sujet,

- Cochez en dessous de la zone de message


- Enfin validez avec le bouton .

Cordialement,

[Dirty Prince]

je n'ai pas encore tester le code, et je n'étais pas chez moi, désolée... Le tutoriel refonctionne, de toute façon.

Merci beaucoup à Izumi ^^

Résolu, donc