Comment puis-je faire un MouseOver de forme d'image exacte?

Question

La question ci-dessous n'est pas vraiment une question de programmation, mais plutôt de la question «Comment puis-je faire cela?», Un conseil de mise en œuvre.

J'ai une image de la carte du monde. Je peux faire de chaque continent une image distincte.

Ce que je veux faire est de créer une survolée pour chaque continent. Lorsque la souris de l'utilisateur est sur le continent - la EXACT forme du continent qui est - Je veux qu'il change de couleur.

Ma question principale est, comment puis-je référence lorsque la souris de l'utilisateur est sur le exacte forme du continent? Je ne veux pas utiliser Flash pour ça, même si j'ai peur qu'il n'y ait pas d'autre moyen de faire ça?

Merci à tous

Answer 1

La seule façon que je sais comment faire cela (sans bibliothèques externes ou js) utilise <map>. Vous devrez mettre dans les coords et la forme (dans ce cas, le poly pour la forme) pour correspondre à la zone que vous souhaitez autoriser: http://www.w3schools.com/TAGS/tag_map.asp

Answer 2

Vous devriez regarder dans ce plugin jQuery: http://plugins.jquery.com/project/maphilight

et Theres tutoriel ici: http://www.electricfairground.com/2009/08/08/image-map-rollover-effects-using-jquerys-maphilight-plugin/

Answer 3

Cela dépend de votre plate-forme (web, winform, linux, os x, etc.).

Sur le Web, vous pouvez utiliser une carte-image.

Sur n'importe quelle application hébergée par le système d'exploitation, vous pouvez faire l'équivalent d'une image en utilisant une région. Ou vous pouvez même tester la couleur du pixel sur lequel vous planez.

Answer 4

En réponse à votre question principale, vous aurez probablement besoin d'utiliser une bonne vieille carte-image. This image map generator a bien fonctionné pour moi dans le passé. En ce qui concerne les changements de couleurs, vous pouvez toujours utiliser une image-objet et changer la position de fond de chaque pays en stationnaire?