Recalculate image map after window resize

Question

I have an interesting problem:

My girfriend (painter...) wants to have a web page like this:

1. first page is just an image, through all screen - with no slider etc. So here is the problem of resizing images for different resolutions.
2. On this image are some windows, where user can navigate throught the rest of the page.

SOLUTIONS:

1. So, for the first problem there is a nice solution - jquery supersized. It works great, no problem.

2. Also no problem, use of image maps...

PROBLEM:

How to combine first and second solution? The only problem i didnt find solution yet is how to dynamically calculate imagemap coords for poly shape. So whatever the screen resolution is, the imagemap poperties will always stay at the right spot.

For rect shape i found this: http://codingforums.com/showthread.php?t=72867, How about poly shape?

Has somebody some ideas how to do it?

Sorry for my english, thanx to all Peter

Answer 1

The solution should be the same as it is for the rect shape, because you're just scaling co-ordinates in both cases.

A point is a point, and both shapes are made up of points.