make hover effect on different parts of an image, not html but an img

Question

Basically i have a "blueprint" for a building project,i need to make it so that when they hover on specific parts of the floor a short description pops out. something like this:

Answer 1

You can use an Area Map. The syntax is as follows:

<map name="myMap">
  <area shape="rect" coords="0,0,10,20" href="somelink.html">
  <area shape="circle" coords="10,30,50,100" href="anotherlink.html">
</map>

You use the coords to define each area. You then can assign an ID to each area and make the hover items. Try it and let us know.

You can use an Image Map Generator online, there are plenty. I use this one: http://imagemap-generator.dariodomi.de/ It is much easier than doing it by your own.