Interactuar con áreas de mapas de imágenes

[CHuLoSoY]

Hola amigos.

Tengo un problemilla y es que no creí que iba a ser tan difícil. No encuentro información y lo que intenté no funciona.

Resulta que tengo un mapa de imagen con diferentes áreas. Al ponerse encima de un área necesito que cambie de color, con lo que intenté un this.style.backgroundColor:

Código HTML:

<img src="mapa.png" usemap="#mapa">
<map name="mapa">
  <area shape="rect" coords="142,40,181,61" href="#"  onmouseover="this.style.backgroundColor='orange';"/>
</map>
 

Pero claro, no funciona. Y yo me pregunto: hay alguna manera de aplicar una clase o cambiar una imagen en un área en concreto o tengo que cortar área a área y hacer una imagen general de cada una para cambiarlas dinámicamente? Esta última opción como entenderéis es inviable hasta para el usuario.

Gracias por vuestras ideas y sugerencias.

Saludos.

[caricatos]

Hola:

Creo que sabes como hacerlo, y creo que también sabes que es un poco complejo... si es una imagen plana y de poco peso, puedes ayudarte de esta página: Capturar áreas en imágenes

Échale un vistazo.

Saludos

[Panino5001]

Y para imágenes con bordes definidos quizá puedas apoyarte en lenguaje de servidor. Concretamente, en php la librería gd cuenta con una función llamada imagefilltoborder que quizá pueda serte útil. Aquí, un ejemplo sobre un mapa: http://www.disegnocentell.com.ar/notas2.php?id=242

[CHuLoSoY]

Creo que voy a pasar del onmouseover y del onmouseout. Es demasiado complejo para lo que le voy a cobrar al cliente.
El tema es el mapa de España y que cada provincia tenga su efecto y su descripción. Por tanto, voy a sustituir el coloreado por una leyenda en javascript que ponga el nombre de la provincia y listo.

Muchas gracias por todo de todas formas, ambas páginas son interesantes de estudio, que miraré más en profundidad ahora mismo. He estado ojeando el código js de caricatos y veo que también utiliza php para las áreas. Siendo la imagen que utilizaré tan grande no sé si compensará tantas peticiones al server para un efecto prescindible.

Saludos.