1

点击链接后应立即更改图像。如何使用 javascript 和 html 实现这一点？我已经尝试并收集了信息并提出了代码

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

我希望这会奏效，但它失败了，因为我是 javascript 的初学者，所以我可能会遗漏一些东西。谢谢

4

2 回答 2

1

使用 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="" />

注意：“Img1”必须替换为您要更改的图像的id javascript中的“imagefoldername/Imagename2.jpg”必须更改为您要显示的新图像的目录和“imagefoldername/Imagename1.jpg”必须更改为当前显示的图像

于 2013-08-23T07:14:37.703 回答
0

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

于 2013-08-21T09:22:50.057 回答