creationscape

For anyone looking for an all in one solution to this problem.  This site creates the image map and converts it into a responsive SVG for your site in one easy step!  

A HUGE shoutout and THANK YOU to @Ziggy for this solution! 

For anyone looking for an all in one solution to this problem.  This site creates the image map and converts it into a responsive SVG for your site in one easy step!  

A HUGE shoutout and THANK YOU to @Ziggy for this solution!  

For anyone looking for an all in one solution to this problem.  This site creates the image map and converts it into a responsive SVG for your site in one easy step!  

A HUGE shoutout and THANK YOU to @Ziggy for this solution!  You are a real hero.

1 minute ago, Ziggy said:

Happy to help!

I only see the hand cursor when hovering over a link, this is normal behaviour, but it sounds like you are seeing the opposite for some reason?

yes. It appears when I first hover but then after 1 or 2 seconds it reverts back to the normal cursor.

27 minutes ago, Ziggy said:

Try this map generator, I've heard that it works and it's responsive:

https://imagemapper.noc.io/#/

OMG ZIGGY!!!!!  After hours of research and heartache, you saved the day bro!  THANK YOU!!!! Now, the only other thing is, do you know how to force the "hand" icon to stay on screen and not disappear while you are hovering over a link?

Again, THANK YOU SO MUCH!

Here 's the page:

https://example URL

I used image-map.net to create this and implemented it into the page.  The links I created are not working.  Could someone help me figure this out and also help me convert it into a mobile friendly SVG?  

The links are supposed to be on the 3 words on the triangle graphic.

<!-- Image Map Generated by http://www.image-map.net/ -->

<img src="example URL" usemap="#image-map">

<map name="image-map">

    <area target="_blank" alt="" title="" href="example URL" coords="1598,1173,2495,1443" shape="rect">

    <area target="_blank" alt="" title="" href="example URL" coords="495,2925,1702,3229" shape="rect">

    <area target="_blank" alt="" title="" href="example URL" coords="2379,2920,3581,3229" shape="rect">

</map>