Javascript 如何在具有不同声音和坐标的图像地图之间交换

我试图制作一个超级简单的图像地图，如果你按下某个区域，它应该播放某些声音。例如，按压河流中的水会发出河流的声音

这一部分已经完成，但现在我正试图通过按下imagemap上的按钮或区域来交换一个图像贴图，并用另一个替换它

假设有一幅冬天的风景画，上面有冬天的声音。在一个角落里，我想要一个按钮，它可以交换imagemap，并将其替换为一个带有夏季声音和夏季图片的新按钮

我该怎么做呢

图像贴图的外观/工作方式：

var snd=新音频（“spring.mp3”）；
var rnd=新音频（“river.mp3”）；
var pnd=新音频（“rain.mp3”）；
var ond=新音频（“thunderrain.mp3”）；
函数myFunction（）{
snd.play（）；
snd.loop=true；
}
函数myFunctiontwo（）{
rnd.play（）；
rnd.loop=true；
}
函数myFunctionthree（）{
pnd.play（）；
pnd.loop=true；
}
函数myFunctionfour（）{
lnd.play（）；
lnd.loop=true；
}
函数myFunctionfive（）{
暂停（）；
暂停（）；
暂停（）；
暂停（）；
lnd.pause（）；
}