Question

I’m unable to think of a process or method to do the following. Any suggestions would be great. The easiest way to explain what I’m trying to do would be similar to a map of US States. A map of the states which highlight when moving over them.

I do not know how to create coordinates of a abstract object and have a mouseover event which activates (or triggers).

I’ve tried searching all over for something close, which I have found, but nothing that examples how the coordinates work.

Thank you for any help!

Answer 1

Two simple solutions are

• the good old image maps
• the SVG format

Both allow you to define shapes on images in a HTML document and associate actions (usually links). SVG also allows the easy definition of styles changing when you hover a shape (see tutorial).