更改图像的onclick（具体百通）

-2

所以，我是新来的JavaScript，我得到这个任务：在更改图像的onclick（具体百通）

“查找编号为1的数字，命名为” one.jpg“页面。更改图（图2），以 “two.jpg”，当它被点击。相继点击 “three.jpg”，然后变回 “one.jpg”

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

2017-03-29 Rheo

其良好尝试做功课，你从错误 – repzero

你应该尝试让我们了解您已经尝试过学习的方式。我想帮忙，但是我认为除非你先尝试，否则你会变得更好。 – frosty

如果你有一个使用按钮的例子，那么它将类似于你所需要的。您可以将'click'处理程序绑定到任何HTML元素，因此只需使用图像元素而不是按钮即可。（顺便说一下，从可访问性的角度来看，允许点击图像做事情是不好的，因为不能使用鼠标的仅限键盘的用户无法访问该功能 - 最好将图像封装在锚点元素中，然后执行从锚的点击进行处理，因为它适用于鼠标*或键盘。） – nnnnnn

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

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

来源

2017-03-29 02:25:23

更改图像的onclick（具体百通）

回答

相关问题