Images et zones de clic

Bonjour,
j'ai le problème de conception suivant :
Je souhaite avoir une image composé de plusieurs petites images de forme simple (carré, rectangle, losange, et cercle) et je souhaite définir un lien différent pour chaque images composant cette grande image.

exemple :

Citation:

---

=========================================
|.Grande image.....................................................|
|......................................________.....................|
|...___________.................| image1 |....................|
|...|image 2......|................---------.....................|
|...-------------..................................................|
=========================================

---

Pour cela je pensais utiliser la balise map et aera. Mais ce n'est pas possible. L'image 1 et 2 sont amenées à changer souvent donc je peux pas faire une grande image pour chaque.
Je ne peux pas non plus utiliser des div car la zone de clique est toujours carré.

Existe t il un moyen pure xhtml et css pour parvenir à mes fin ou dois je passé par du javascript?

En quoi une map ne te convient pas ? Je pense que si tu nous donnais des exemples concrets de ce que tu souhaites précisément faire et non un schéma incompréhensible, je pense qu'on serait plus à même de t'aider.

Je souhaite crée un plateau de jeux dont chaque "cases" (pas seulement des cases carré).
En fonction du déroulement du jeu les "cases" du plateaux sont amenées à changer. Si j'utilise une map (sauf erreur de ma part) je devrais avoir une image pour chaque configuration différente du plateau de jeu.

Mais tu n'as pas vraiment le choix. Si tu utilises une map, tu dois avoir effectivement des coordonnées qui changent selon la configuration du plateau (coordonnées que tu peux gérer grâce à un script serveur), mais si tu n'utilises pas de map, tu devras tout gérer en Javascript et de toute manière ça sera tout aussi contraignant parce que tu devras modifier les coordonnées de clic toujours en fonction de la configuration du plateau.
Donc le choix de la map est la meilleure solution du fait qu'elle est cross-browser, qu'elle ne nécessite aucune activation quelconque côté client et qu'elle ne nécessite pas d'être testée sur une bonne partie des navigateurs pour voir si les scripts clients fonctionnent de la même manière.

Merci pour la réponse, j'ai fait le calcul. Imaginons que j'ai un plateau de 16*16 à l'écran et qu'il existe 8 cases différentes possible. Je devrais faire 8^(16*16)images pour la map... un peu beaucoup.
Je vais donc partir pour un script js.
Est il possible de générer une image avec du java script? Ainsi j'utiliserais une map avec l'image générée. Ou il serait plus simple de faire tous en js (le calcul du pointeur de la souris par rapport à l'image)