Image Map complexe
Posté : 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)
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
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)
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