大佬教程收集整理的这篇文章主要介绍了jquery – 如何更改图像onclick javascript函数?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
function changeImage() { if (document.getElementById("changer").src == "imgs/left.gif") { document.getElementById("changer").src = "imgs/right.gif"; } else { document.getElementById("changer").src = "imgs/left.gif"; } }
<img src="imgs/right.gif" id="changer" onclick="changeImage()"/></a>
我需要这个功能:
单击(右箭头图像),然后它将变为(左箭头图像)并再次单击相同(左箭头图像)将返回默认值(右箭头图像).
提前感谢您的时间和帮助.
解决这个问题:
>将元素对象,即this作为参数传递给函数.
>在元素对象内创建变量bln,即该函数中的元素.
<img src="imgs/right.gif" id="changer" onclick="changeImage(this)" /> ^ pass the element object
function changeImage(element) { element.src = element.bln ? "imgs/right.gif" : "imgs/left.gif"; element.bln = !element.bln; /* assigns opposite Boolean value always */ }
上面的函数将切换图像src,而不依赖于src属性中存在的值.
顺便说一句,您也可以使用CSS执行此操作:
以上是大佬教程为你收集整理的jquery – 如何更改图像onclick javascript函数?全部内容,希望文章能够帮你解决jquery – 如何更改图像onclick javascript函数?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。