it-swarm-es.com

¿Hay otras opciones para habilitar un área de forma irregular en una página web que no sean mapas de imágenes?

Tenemos algunas áreas de forma irregular ... imagina un mapa de los estados de los Estados Unidos. Imagine también que dentro de cada estado hay una región rectangular que contiene gráficos y texto. Queremos que cada uno de los estados reaccione al mouseover/mouseout/click.

Si es una página HTML directa (sin Flash), ¿hay otras formas de implementar esto que no sean mapas de imágenes?

Si esto no es posible, también consideraría hacer que la región rectangular dentro de cada estado reaccione a los eventos del mouse.

2
milesmeow

¿"HTML directo" significa que puedes usar Javascript? Si es así, considere Raphael javascript library , que envuelve SVG. Consulte su página de inicio para obtener una descripción general de lo que puede hacer, incluido este ejemplo de condados (?) De Australia: http://raphaeljs.com/australia.html

También podría considerar processing.js , que es una biblioteca de visualización similar pero envuelve el lienzo en lugar de SVG.

2
Rahul

Con los navegadores modernos puedes usar sprites CSS y marcas muy limpias para hacer lo mismo. Aquí hay un gran tutorial sobre cómo usarlos en A List Apart. Lea el artículo completo, pero vea la sección sobre "Formas irregulares".

http://www.alistapart.com/articles/sprites

0
Jim Jarrett