使用javascript点击更改img src

Question

每次点击它都需要更改图像。

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

＆＃13;

＆＃13;

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

＆＃13;

<img src="shutdown.png" id="myElement" onclick="changeImage();" style="width:95px"></img>

＆＃13;

＆＃13;

＆＃13;

使用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";

}
};

Answer 1

请使用以下javascript并将其放置在您正在使用的标签下方的任何位置

 <script type="text/javascript">
      var imageon= document.getElementById("myElement");
      function changeImage(){
         var filename = imageon.src.replace( /^.*?([^\/]+)\..+?$/, '$1' );
         if (filename=="play1"){
           imageon.src="shutdown.jpg";
         }
          else if (filename== "shutdown") {
             imageon.src="play1.jpg";
         }
      };
 </script>

Answer 2

问题是你的道路。我重新创建了问题，并提醒了实际的来源，如下所示：

您必须提供实际的完整路径。或者您不使用路径作为参考，而是使用html参考。例如，隐藏的div值为1或2 - 对于使用过的图像

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

Answer 3

使用attr功能，您可以更改图像的src：

$("#my_image").attr("src","second.jpg");

您还可以创建活动，例如。放置缩略图并单击加载原始图像：

$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});