在<area />中单击鼠标即可触发音频片段和图像

Question

我有一张地图，该地图定义了12个区域。当我在某个区域内单击时，我想触发音频剪辑并出现新图像。我可以触发正确的音频剪辑，但是还没有找到显示图像的方法。

我尝试替换区域中出现“＃”的文件名，但这会立即切断声音片段并仅显示图像。

<audio id = "C12">
   <source src = "clip12.mp3" type = "audio/mp3">
</audio>

<map name = "projectmap">
   <area shape = "rect" coords = "0  ,  0, 256,256" onmousedown = "document.getElementById('C12').play();return false;" href = "#" alt = "no 

我希望看到新图像并同时听到音频。通过上面的代码，我可以听到音频。