轻按链接时如何切换图像？

Question

The image should be changed as soon as the link is tapped. 点击链接后，应立即更改图像。 How can I realise this with javascript and html? 如何使用javascript和html实现此功能？ I have tried and gathered information and come up with the code 我尝试并收集了信息并提出了代码

    <script type="text/javascript">
      function changeImage(element) {
      document.getElementById('imageReplaceTel').src = element;}
    </script>

<a href={{callphonenumber}} style="color:white" onclick="changeImage({{asset('bundles/testProject/images/telephoneSelected.png')}})">
    <img src="{{asset('bundles/testProject/images/telephone.png')}}" width="54px" height="54px" id="imageReplaceTel" alt="Images"></img></a>

I was hoping this would work but it failed, I might be missing something as I am a beginner with javascript. 我希望这可以工作，但是失败了，因为我是javascript的初学者，所以可能会缺少一些东西。 Thanks 谢谢

Answer 1

using javascript and html it would look like this 使用javascript和html看起来像这样

 <script type="text/jscript"> function Changetheimage() { document.getElementById("img1").src = "imagefoldername/Imagename2.jpg"; } </script> </head> <body> <a onclick="Changetheimage()">click here</a> <img src="imagefoldername/Imagename1.jpg" id="img1" alt="" />

Notes: "Img1" must be replaced with the id of the image you want to change "imagefoldername/Imagename2.jpg" in the javascript must be changed to the directory of the new image you want to display and "imagefoldername/Imagename1.jpg" must be changed to the image currently displaying 注意：“ Img1”必须替换为要更改的图像的ID，而javascript中的“ imagefoldername / Imagename2.jpg”必须更改为要显示的新图像的目录，以及“ imagefoldername / Imagename1.jpg”必须更改为当前显示的图像

Answer 2

最好的方法是使用图像sprite.onclick只需通过javascript更改sprite坐标即可。

轻按链接时如何切换图像？

问题描述

2 个解决方案

解决方案1
1 已采纳 2013-08-23 07:14:37

解决方案2
0 2013-08-21 09:22:50

轻按链接时如何切换图像？

问题描述

2 个解决方案

解决方案1 1 已采纳 2013-08-23 07:14:37

解决方案2 0 2013-08-21 09:22:50

解决方案1
1 已采纳 2013-08-23 07:14:37

解决方案2
0 2013-08-21 09:22:50