Изменение img src при щелчке по javascript

Question

Мне нужно изменить изображение, когда я нажимаю на него каждый раз.

Я добавил полный путь, даже если он не работает.

<script type="text/javascript"> 
 
    \t var imageon= document.getElementById("myElement"); 
 
\t function changeImage(){ 
 
\t if (imageon.src=="play1.gif"){ 
 
\t imageon.src="shutdown.png"; 
 
    } 
 
\t else if (imageon.src== "shutdown.png") { 
 
\t imageon.src="play1.gif"; 
 
\t } 
 
\t }; 
 
\t </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"; 

} 
}; 

Answer 1

Проблема в вашем пути. Я воссоздал эту проблему и я насторожил фактический источник, который выглядит следующим образом:

Вы либо должны дать фактический полный путь. Или вы не используете путь как refrence, а ссылку html. Например, скрытый сОн со значением 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 2

Пожалуйста, используйте ниже яваскрипт и поместить его в любом месте ниже тега вы используете

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

Использования функции атра вы можете изменить src изображения:

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

Вы также можете создать событие, например. положить миниатюру и щелкнуть загрузку исходного изображения:

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