Image Map complexe

lenouveau
Invité n'ayant pas de compte PHPfrance

27 avr. 2008, 14:19

Bonjour,
Voila ce que j'ai
-jai 2 images dont chacune est composée d'une forme géométrique simple sur un fond transparent
-je possède les coordonnées x y du coin supérieur gauche de chaque image
-je possède également les coordonnées des points qui constituent les formes géométriques
(cliquer sur image dessous pour voir de quoi je parle)
Image

Je souhaite:
-pouvoir placer mes images ou je veux grace aux coordonnées xy du coin supérieur gauche
-pouvoir définir des zones qui coincident avec les formes géométriques de telle sorte que je puisse gérer ces zones indépendemment des images pour intégrer plusieurs fonctionnalité en CSS
-changer d'opacité et afficher quand je bouge ma sourie sur la zone
-creer un lien hypertext sur la zone..
Cela devrait donner comme sur le lien suivant mais au lieu d'avoir des carrés comme zones j'aimerai avoir des polygones
http://www.cssplay.co.uk/menu/imap.html

J'arrive à achever ces fonctionnalités individuellements en HTML (ex: en utilisant MAP/area/coords pour définir mes zones (merci pour la réponse sur le post précédent), onmouseover/onmouseout quand je bouge ma sourie dessus) mais dès que j'implémente une fonctionnalité ça casse les autres qui étaient là avant.


Le moindre conseil est le bienvenue
merci
lenouveau