使用javascript单击更改img src

斯里尼瓦斯

每次单击时都需要更改图像。

我添加了完整的路径,即使它不起作用。

<script type="text/javascript">
  	var imageon= document.getElementById("myElement");
	function changeImage(){
	if (imageon.src=="play1.gif"){
	imageon.src="shutdown.png";
    }
	else if (imageon.src== "shutdown.png") {
	imageon.src="play1.gif";
	}
	};
	</script>
<img src="shutdown.png" id="myElement" onclick="changeImage();" style="width:95px"></img>

Javascript:

var pullImage=document.getElementById("change");
function changeImage(){
if (pullImage.src=="C:\Users\Srinivas\Downloads\Compressed\attachments_2\play1.gif") {
    pullImage.src="C:\Users\Srinivas\Downloads\Compressed\attachments_2\stop1.png";

};
if (pullImage.src=="C:\Users\Srinivas\Downloads\Compressed\attachments_2\stop1.png"){
    pullImage.src="C:\Users\Srinivas\Downloads\Compressed\attachments_2\play1.gif";

}
};
弗纳克

问题是你的道路。我重新创建了问题,并向实际来源发出了警告,如下所示:

完整路径

您要么必须给出实际的完整路径。或者,您不使用路径作为参考,而是使用html参考。例如,所用图像的值为1或2的隐藏div-

<div id="imgnumber">1</div>

<script>
var imagediv = document.getElementById("imgnumber");
var imageon= document.getElementById("myImg");
    function changeImage(){
        if (imagediv.innerHTML == "1"){
            imageon.src="b.png";
            imagediv.innerHTML = "2";
        }
        else if (imagediv.innerHTML == "2") {
            imageon.src="a.gif";
            imagediv.innerHTML = "1";
        }
    };
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章