点击链接后,图像应该立即更改。我怎样才能用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 的初学者。谢谢
最佳答案
使用 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”必须更改为当前显示的图像
关于javascript - 点击链接时如何切换图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18352999/