Dynamically position tooltips to an image?

403 views Asked by At

So I've been trying to get something like this to work however I can't seem to get the tooltips to position responsive. Below is the website example:

From what I gather each time the page loads the tooltip divs inherit an inline style of position absolute with a set top and left. How would I go about recreating this effect?

1

There are 1 answers

1
Louis Ameline On

What I would do is use image map areas, and use a javascript script that will reposition the areas on windows resize, as suggested on this page : Dynamically resizing Image-maps and images

And then create the tooltips on these "responsive" map areas.