I hope someone can help me with an interactive issue. I am trying to create an interactive interactive interactive interface. Each blue and orange shaded area in the attached graphic should click to show a different image on top of the original image. I did this in the old school with javascript and image cards, and it works on the big screen, but is not mobile at all. eg,
onclick="MM_swapImage('Image1','','one1.jpg',1)"
onmouseout="MM_swapImgRestore()"
So, I tried doing this in SVG using javascript, but I cannot achieve this. Can someone tell me the best way to do this so that it is mobile?
This is the image I'm using: 
source
share