Wie kann ich tun, um eine Mouseover exakter Bildform?

Question

Die unten stehende Frage ist nicht wirklich eine Programmiersprache Frage, sondern eher: „Wie kann ich dies tun“ Frage, Implementierung Beratung.

Ich habe ein Bild von der Weltkarte. Ich kann jeden Kontinent ein separates Bild machen.

Was ich tun möchte, ist ein Schweben über Feature für jeden Kontinent zu schaffen. Wenn der Benutzer die Maus über den Kontinent - die EXACT Form des Kontinents, das ist -. Ich will es die Farbe ändern

Meine Hauptfrage ist, wie kann ich verweisen, wenn der Benutzer die Maus über das ist genau Form des Kontinents? Ich möchte nicht über Flash für diesen Einsatz, alle obwohl ich fürchte, es gibt keinen anderen Weg, dies zu tun?

Dank all

Answer 1

Der einzige Weg, ich weiß, wie dies zu tun (ohne externe Bibliotheken oder js) ist <map> verwenden. Sie werden in den coords und Form bringen (in diesem Fall Poly für die Form), um den Bereich, den Sie zulassen möchten übereinstimmen: http://www.w3schools.com/TAGS/tag_map.asp

Answer 2

In Antwort auf Ihre wichtigste Frage, werden Sie wahrscheinlich eine gute alte Bild Karte verwenden müssen. Dieses Bild-Map-Generator für mich in der Vergangenheit gut gearbeitet hat.

Was macht sie Farben ändern, können Sie immer ein Sprite verwenden könnte und nur die Hintergrundposition auf schweben jedes Land ändern?

Answer 3

Sie sollten diese jQuery-Plugin suchen in: http://plugins.jquery.com/project/maphilight

und es gibt ein Tutorial hier: http: // www .electricfairground.com / 2009/08/08 / image-map-Rollover-Effekte-using-jquerys-maphilight-Plugin /

Answer 4

Es hängt von Ihrer Plattform (Web, winform, Linux, OS x, usw.).

Im Web können Sie ein Bild Karte verwenden.

Auf jedem OS-gehostete Anwendung, können Sie das Äquivalent einer Imagemap tun, um eine Region mit. Oder Sie könnten sogar die Farbe des Pixels testen, über die Sie schweben.