Discussion :

[AAlain]

Bonjour,

Je voudrais faire en sorte que lorsque l'on passe la souris sur une carte, le département pointé change de couleur et que lorsque l'on clique sur celui-ci, il reste en hover pendant qu'une petite infobulle apparait.



Pour ce faire, j'ai utilisé dreamweaver qui m'a fait quelques méthodes en javascript pour permuter l'image entière de la carte de france en une autre avec le département pointé en surbrillance. Mais cette méthode impose de précharger les images au chargement de la page. Ce qui a un certain impact lorsqu'on à environ 100 images à précharger ( une pour chaque département ).

Ce que je voudrais savoir, c'est si il existe une méthode plus "légère" pour faire un rollover sur une carte.

J'avais trouvé une méthode en css qui n'utilise qu'une image, mais dans mon cas cela ne peux pas s'appliquer puisque les zones sont des départements (mappés sous dreamweaver) et non pas des carrées.

Merci

[blueice]

Soit avec Map d'ailleurs dans DW, tu peux le gérer en dessinant les zones.

Sinon en Flash tout bêtement qui serait la solution la plus simple tout dépend si tu t'en sors avec Flash...

[minimouse]

tu peux essayer avec "zone réactive" : tu places ton image de fond et tu créés des zones réactives (tu as soit l'outil rectangle, soit ovale ou polygone), puis ensuite tu ajoutes des comportements "Afficher/masquer les calques"...
avec ces éléments tu devrais pouvoir faire quelque chose...

[blueice]

tu peux essayer avec "zone réactive" : tu places ton image de fond et tu créés des zones réactives (tu as soit l'outil rectangle, soit ovale ou polygone), puis ensuite tu ajoutes des comportements "Afficher/masquer les calques"...
avec ces éléments tu devrais pouvoir faire quelque chose...

C'est ce que je viens de dire plus haut.

[AAlain]

Erf le flash, je ne connais pas encore

Et le css j'avais vu cette solution le soucis c'est que mes zones de selection ne sont pas des carrées.

Enfin ce n'est pas grave je vais garder ma solution qui est un peu 'lourde'

Merci pour vos réponses !