Question

我对网页设计完全陌生，刚开始使用JS。虽然我在网上发现了几个类似的帖子，但答案对我来说还不够详细 - 我需要一个非常基础的，一步一步的教程/答案。

我有一个图像地图，其中有几个热点链接到新页面。我正在尝试更改由事件触发的热点的行为，例如：

onclick - 交换图像（不同热点的不同图像）或 onclick - 播放声音（同样，不同热点的不同声音）。

我试过了：

JS

function swapImage(filename) {
    document.getElementById("ImgMap1").src="_Images/"+filename;="
}

HTML

<area onclick="swapImage('onclick_work_1600x954.png')" id="Work" alt="link 
to work page" coords="378, 65, 599, 195" href="Work.html" shape="rect">

我也试过看这两个网站，但我的知识再次基本不能跟随JS：

Answer 1

尝试：

function swapImage(filename) {
    document.getElementById("ImgMap1").src="_Images/"+filename;
}

<强> 更新

只需点击最左边的行星;执行函数swapImage（）并替换图像源。

更新2

现在看看这个小提琴：https://jsfiddle.net/c3hojqmh/1/

点击女士的脸，看看会发生什么。通过以下方式创建图像可以解决问题：