Image with a link in a specific point

Question

I need to create a website with this kind of function:

I have an image (like a park area), so in different points of this image I must create a div which will do a hover effect and show a textbox with an image (or maybe a link to it).

My main doubt is that I have no idea how can I get certain points of this image to create a div with this hover effect.

Answer 1

you can do with jQuery. Please, firstly look at this link. You can take mouse x and y position on image. Then on x and y position, you can do, what you want.

Answer 2

Please check the below URL's. Hope this may helpful

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

http://www.howtocreate.co.uk/tutorials/html/imagemaps

http://www.outsharked.com/imagemapster/