Javascript - Resmi seçerek imaja göre değiştir

Question

Asp.net mvc kullanıyorum.

ben şöyle iki simge/resimleri var:

<div class="gallery-preview-img" id="forest"> 
            <a href="#"><img onclick="changeImage()" src="~/Content/themes/base/images/forest_icon.png"></a> 
           </div> 
<div class="gallery-preview-img" id="urban"> 
            <a href="#"><img onclick="changeImage()" src="~/Content/themes/base/images/urban_icon.png"></a> 
           </div> 

Senaryo:

 $(function changeImage() { 
     $('#forest').click(function() { 
      if (!(document.getElementById('forest').src.match('forestG'))) { 
       document.getElementById('forest').src = "~/Content/themes/base/images/forestG.png"; 
       if (!(document.getElementById('urban').src.match('urban_icon')) { 
        document.getElementById('urban').src = "~/Content/themes/base/images/urban_icon.png"; 
       } 
      } 
      document.getElementById('env').value = 'Forest'; 
     }) 
     $('#urban').click(function() { 
      if (!(document.getElementById('urban').src.match('urbanG')) { 
       document.getElementById('urban').src = "~/Content/themes/base/images/urbanG.png"; 
       if (!(document.getElementById('forest').src != 'forest_icon')) { 
        document.getElementById('forest').src = "~/Content/themes/base/images/forest_icon.png"; 
       } 
      } 
      document.getElementById('env').value = 'Urban'; 
     }); 
    } 
}); 

resim/simgeler değişiyor değildir Ancak. Yanlış yaptığım herhangi bir fikrin var mı?

Answer 1

Yapmaya çalıştığınıza inandığım şeyin bir bağlantısı. Bence şu anki yaklaşımınız biraz fazla karmaşık. u HTML'nize üzerinde #forest veya #urban kimlik kullanan bu nerede

https://jsfiddle.net/stevenkaspar/qs8L20wt/

<img onclick='changeImage(event);' src='/path/to/image.png'/> 

function changeImage(event){ 
    document.getElementById('destination').src = event.target.src; 
}