[Résolu] Rosace cliquable

Salut à tous,

J'ai une image de cette forme la :


J'aimerai rendre chaque partie cliquable, et faire apparaître en surbrillance les parties cliquées.

Je ne suis pas particulièrement adepte des solution HTML5 / CSS3, car j'aimerai conserver la compatibilité avec des navigateurs plus anciens (IE 7&8).

Avez-vous une idée de comment réaliser cela ?

Merci !

Bonjour,
Tu peux utiliser flash.

Merci pour ta répopnse loicbcn, mais j'ai oublié de préciser que je ne souhaitais pas utiliser Flash non plus..

Oula, je suppose que ce n'est pas la peine d'en arriver à utiliser Flash.
Il existe une balise HTML nommée <map> qui est combinée à <area>. Cela réponde à ton problème.

Oui effectivement je me disais bien qu'il fallait mapper l'image pour créer les zones cliquables. Le problème est plutôt de mettre en surbrillance les zones cliquées sans "empiéter" sur les zones voisines.

J'ai pensé à créer une image du squelette de la rosace en laissant l'intérieur en transparence. Appliquer un map area à cette image et faire apparaître zone en surbrillance avec des images positionnées derrière l'image du squelette.

Qu'en pensez vous ?

Du coup pour ceux que ça intéresse, j'ai essayé mon idée et cela fonctionne plutôt pas mal.
http://the-digitalfactory.com/developpement/test_rosace/

Je n'ai fait que le tiers supérieur pour tester.

Si vous avez des remarques, n'hésitez pas !
Modifié par eddynamique (28 Oct 2013 - 16:18)