Responsive design 需要移动响应式交互式建议

我希望有人能在互动问题上帮助我。我正在尝试创建一个移动响应的交互式系统。 所附图形中的每个蓝色和橙色阴影区域需要单击以显示原始图像上方的另一图像。 我用javascript和图像映射的老方法来实现这一点，它可以在大屏幕上使用，但对移动设备一点也不友好。 e、 g

所以我试着用javascript在SVG中实现它，但我无法做到这一点。 有人能告诉我这样做的最好方法吗？这样它就可以方便移动了

这是我正在使用的图像：

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