更改图像onclick(特定模式)

时间:2017-03-29 02:08:35

标签: javascript html css image onclick

所以,我是javascript的新手,我得到了这个任务:

  

“查找数字为1的数字,并在页面上将其命名为” one.jpg “。   单击时将图形(图2)更改为“ two.jpg ”。   点击“three.jpg”后再更改,然后返回“ one.jpg

但是,我似乎无法找到解决方案。我找到的所有例子都使用按钮。

1 个答案:

答案 0 :(得分:0)

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

<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>