jQuery：计算图像映射区域的大小并在中间显示div

Question

I need to show div while Image Map area hover (something like tooltip ).

That's ok, but the problem is that I need to show div on the middle of each area, which are in different shapes and sizes. I don't want to use any tooltip plugin, as the content of it should be easy to change.

The jsfiddle is in comment.

I don't have deep knowledges of jQuery, that's why I need you help for that)) Thanks!

Answer 1

If I understand correctly , you have an image map where you want to put a pointer to the center .

Try this

var width = jQuery("#imageMaps").attr("width");
var height = jQuery("#imageMaps").attr("height");

var width = width / 2;
var height = height / 2;

var Point =  jQuery("#div to position").style("margin-top",height);
var Point =  jQuery("#div to position").style("margin-left",width);

I assume you have the same div is the pointer to the image maps.