需要移动响应式互动建议

Question

我希望有人可以帮助我解决互动问题。我试图创建一个移动响应式交互式。 附图中的每个蓝色和橙色阴影区域都需要单击以显示原始图像上的另一个图像。 我用旧的学校方式用javascript和图像地图完成了它，它在大屏幕上工作，但不是所有的移动友好。 例如

onclick="MM_swapImage('Image1','','one1.jpg',1)"
onmouseout="MM_swapImgRestore()"

因此我尝试使用javascript在SVG中进行此操作，但我无法实现。 有人可以告诉我这样做的最佳方式，以便它适合移动设备吗？

这是我正在使用的图片：