0
Personal I am trying to create in an image of a product several points of interest, when the person click on one of these points will open a tooltip with the necessary information.
I’ve already created the coordinates using an online tool (https://www.image-map.net/) and so far so good, everything working, when I click open the link or appears the title that I’ve set. Only that I want you to be in "icon" of (+) in each area of interest and that I do not know how to do.
My code is like this so far:
<img src="imagem-que-estou-usando.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Alt da Imagem" href="http://google.com" coords="629,336,56" shape="circle" title="Title quando hover">
</map>Is there any way I can insert such customizations in the area? And how do I use the click to open the tooltip? I was thinking about using jQeury, but I’m open to suggestions!
An example of how I wanted is this: https://hypebeast.com/2016/1/essentials-dolly-cohen-celebrity-grill-maker
Thank you!
Face the example you sent will not work well with the coordinates generated by the tool you used. Use this link to pick up the reference points in %, and build your Tooltip with a Div and a (+) inside... https://www.zaneray.com/responsive-image-map/
– hugocsl
Thank you very much Ugo! Now it worked out, saved me here! :)
– Guilherme SMK