Como posso fazer um MouseOver de forma exata imagem?

Question

A pergunta abaixo não é realmente uma questão de programação, mas mais de "como eu posso fazer isso" pergunta, o conselho de implementação.

Eu tenho uma imagem do mapa do mundo. Eu posso fazer cada continente uma imagem separada.

O que eu quero fazer é criar um pairar sobre recurso para cada continente. Quando o mouse usuários é sobre o continente - o EXACT forma do continente que é - eu quero que mudam de cor

.

A minha pergunta principal é, como posso fazer referência quando o mouse usuários é sobre o exata forma do continente? Eu não quero usar o Flash para isso, tudo que eu tenho medo não existe outra maneira de fazer isso?

Obrigado a todos

Answer 1

A única maneira que eu sei como fazer isso (sem bibliotecas ou js externos) está usando <map>. Você terá que colocar nas coords e forma (neste caso poli para a forma) para coincidir com a área que você deseja permitir que: http://www.w3schools.com/TAGS/tag_map.asp

Answer 2

Em resposta à sua pergunta principal, você provavelmente precisará usar um bom mapa imagem antiga. Esta imagem mapa gerador tem funcionado bem para mim no passado.

Como para fazê-los mudar de cor, você pode sempre usar um sprite e apenas mudar a posição de cada país fundo em foco?

Answer 3

Você deve olhar para este plugin jQuery: http://plugins.jquery.com/project/maphilight

e há um tutorial aqui: http: // www .electricfairground.com / 2009/08/08 / imagem-mapa-capotamento de efeitos-usando-jquerys-maphilight-plugin /

Answer 4

Depende da sua plataforma (web, winform, linux, Mac OS X, etc.).

Na web, você pode usar um mapa de imagem.

Em qualquer aplicativo hospedado-OS, você poderia fazer o equivalente a um mapa de imagem usando uma região. Ou você pode até mesmo testar a cor do pixel sobre o qual você está pairando.