Trying to make several hover points that display pop up, in one image

Support
#1

First of sorry if this is a stupid question, but im new to this.

I have a picture of my friends and want to have a pop up with some info and images when i hover over their faces. So far i have managed to make maps on the image that correspond to their faces and made those into links, but I can only get them to be clickable.
Any solution would be helpfull, even if its a quick and dirty hack.

This is the code im working with.

    <!DOCTYPE html>
    <html>
    <body>
    <img src="http://104.45.93.236/wp-content/uploads/2019/03/20150621_195100.jpg" alt="Workplace" usemap="#workmap" width="1600" height="900">
    <map name="workmap">
    <area shape="rect" coords="200,400,310,500" alt="Computer" href="http://104.45.93.236/wp-content/uploads/2019/03/stock2.jpg">
    <area shape="rect" coords="557,252,632,344" alt="Phone" href="http://104.45.93.236/wp-content/uploads/2019/03/stock2.jpg">
    </map>
    </body>
    </html>
#2

Hello Julian,

Thanks for writing in!

Regretfully there isn’t a feature in X or Cornerstone that you can add an image map and display a modal popup. Moreover, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself.

Perhaps you would need a 3rd party plugin or any other links that might help you. Please do check the following:

If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.