Content Popup when clicking different image locations

[EWSB]

I am creating some user documentation on our Pro site, and I would like to display a screenshot image with clickable locations where different explanations/instructions could pop up (like a content modal). I have been searching for options both inside and outside Wordpress/X Theme and not finding anything that looks like it would work well.

The closest I can find is using an old-style image map, i.e. <img src="imgname.png" usemap="#Map" /> but I can’t find a way to add the usemap attribute to the img tag.

Do you have any suggestions? Is there an idea I’m overlooking? I’m not afraid to code some CSS/JS/PHP if necessary. Thank you!

[paul.r]

Hi,

Thanks for writing in!

You can use the text element instead of the image element. Then add your html image code, that way you can add any attribute you like.

<img src="imgname.png" usemap="#Map" />

Thanks