Selección de zonas poligonales en una imagen

[Tarzan]

Buenas a todos/as,


¿Es posible, mediante CSS, que el usuario interactúe con una zona poligonal cualquiera situada en una imagen?.

Es decir, tengo una imagen con una serie de zonas o dibujos en los que me gustaría que el usuario pudiera pinchar o que, cuando sitúe el puntero del ratón sobre las mismas, estas se iluminen o produzcan algún efecto.

El primer evento sería el OnCliCk y el Segundo OnMove... He conseguido hacer algo parecido pero con zonas cuadradas o rectangulares...
Me gustaría que pudiera interactuar con zonas de cualquier forma poligonal.

¿Se puede hacer esto con CSS?, ¿Algún otro sistema?.. Creo que los maps de html no ofrecen esta funcionalidad.

Gracias.

Un saludo.

[mbavio]

Con css, que yo sepa, no puedes hacer esto... Debes recurrir a Javascript para hacer esto...

Saludos.

[Tarzan]

Hola mbavio,

La verdad es que no estoy seguro pero creo haber encontrado una web en la que explica como resaltar ciertas zonas de una imagen e interactuar con ellas mediantes Shapes...

La web es:

http://www.vectoralia.com/manual/html/mapas_de_imagen.html


Viene con un ejemplo y, parece ser que se puede utilizar una herramienta estilo "lazo" para obtener las coordenadas de una zona poligonal cualquiera de la pantalla....

Si alguien ha utilizado algo parecido y sabe a qué me refiero por favor, le estaré muy agradecido de que me aconseje si, esta técnica, es eficiente y se puede llevar a la práctica.

Gracias por todo.

Un saludo.

[bhagat]

Aqui veo algunos ejemplos con CSS que no se si te servirán, pero son muy curiosos:

http://www.cssplay.co.uk/menu/car.html#nogo

http://www.cssplay.co.uk/menu/enlarge.html

http://www.cssplay.co.uk/menu/imap.html

http://www.cssplay.co.uk/menu/old_master.html

http://www.cssplay.co.uk/menu/solar_map.html

http://www.cssplay.co.uk/menu/imagemap#nogo

espero que te sirvan para lo que buscas