Responsive Image Mapping Module


#1

Hello everyone, hope all is well, I have a question about image maps and how to make them responsive and automatically resize.

If you go to http://www.happinessinretirement.com/r you’ll see the image map that I’ve been working on (still an unfinished page).

I ended up building my own module in Design Manager so i’d be able to map out everything according to how I want it. However, the links only work when the web browser is at full screen, it also appears to be mobile Incapable. How do you recommend going about this issue? If possible can you redirect me to a step by step process.

Thanks and all the best,

  • Erwin

#2

Hi @Erwin,

I don’t believe that image maps are responsive since the coordinates must be pixel values. I found the following StackOverflow thread that discusses a number of solutions/alternatives that might be useful: