更改图像 onclick（特定模式）答案

【问题标题】：Change image onclick (specific patern)更改图像 onclick（特定模式）
【发布时间】：2017-11-05 22:04:14
【问题描述】：

所以，我是 javascript 新手，我得到了这个任务：

“在页面上找到一个数字为 1 的图形并将其命名为“one.jpg”。点击后将图（图2）变为“two.jpg”。再次单击更改为“three.jpg”，然后返回“one.jpg”

但是，我似乎找不到解决方案。我发现的所有示例都使用按钮。

【问题讨论】：

尝试以从错误中吸取教训的方式完成作业是很好的
您应该尝试向我们展示您已经尝试过的内容。我想帮忙，但我认为除非您先尝试，否则您不会变得更好。
如果您有一个使用按钮的示例，那么这将与您需要的类似。您可以将click 处理程序绑定到任何 HTML 元素，因此只需使用图像元素而不是按钮即可。（顺便说一句，从可访问性的角度来看，允许点击图像做某事是不好的，因为不能使用鼠标的纯键盘用户无法访问该功能 - 最好将图像包装在锚元素中并执行处理锚点的点击，因为这适用于鼠标或键盘。）

标签： javascript html css image onclick

【解决方案1】：

这就是我认为你想要发生的事情。

<img src="one.jpg" id="imageid" onclick="img_clicked()">
<script>
    var clicks = 1;
    function img_clicked() {
        clicks ++;
        switch(clicks) {
            case 1: document.getElementById("imageid").src="one.jpg"; break;
            case 2: document.getElementById("imageid").src="two.jpg"; break;
            case 3: document.getElementById("imageid").src="three.jpg"; clicks = 0; break;
        }           
    }
</script>
</script>

【讨论】：