Tengo un problema interesante:

Mi novia (pintora ...) quiere tener una página web como esta:

La primera página es solo una imagen, a través de todas las pantallas, sin control deslizante, etc. Por lo tanto, existe el problema de cambiar el tamaño de las imágenes para diferentes resoluciones.En esta imagen hay algunas ventanas, donde un usuario puede navegar por el resto de la página.

SOLUCIONES:

Entonces, para el primer problema hay una buena solución - jquery. Funciona muy bien, no hay problema.

Para el segundo problema, hay mapas de imágenes, que funcionan bien.

PROBLEMA:

¿Cómo combino la primera y la segunda solución? El único problema para el que aún no he encontrado una solución es cómo calcular dinámicamente las coordenadas del mapa de imágenes para una forma poligonal. (Es decir, cualquiera que sea la resolución de la pantalla, las propiedades del mapa de imágenes siempre se mantendrán en el lugar correcto).

Para formas rectangulares encontréesta. ¿Qué pasa con la forma de poli?

¿Alguien tiene algunas ideas sobre cómo lograr esto?