Javascript ile IMG SRC'yi değiştirme

Question

Javascript'te yeniyim ve çok daha karmaşık çözümler olsa da, onları anlamıyorum ve bu noktada gerekmediğimi umuyorum. Ben bir ana resmi var

...

<img src="main-picture.jpg" name="Mainpic" id="image"> 

... ve ben iki küçük birine tıklayın bu resmi değiştirmek mümkün olmak istiyorum.

<a href="" onclick="FirstPic()"><img src="replacement1.jpg" name="pic1"></a> 
<a href="" onclick="SecPic()"><img src="replacement2.jpg" name="pic2"></a> 

Javascript kodumun çok kolay olacağını düşündüm. Şu anda

function FirstPic(){ 
     document.Mainpic.src = document.pic1.src 
     return 
    } 

function SecPic(){ 
     document.Mainpic.src = document.pic2.src 
     return 
    } 

Şimdi değişken o değişti kalmıyor oluyor ancak değişiyor ... kullanıyorum. Küçük resim tıklandığında, yedek resim ekranda yanıp söner ve ardından orijinal ana resmi.jpg'ye döner.

Değişik bir küçük resim tıklanıncaya kadar değişikliği nasıl kalıcı hale getirebilirim?

Teşekkürler!

Answer 1

Sayfanın yeniden yüklenmesi nedeniyle geri dönüyor.

Onclick'inizden false döndürmeniz gerekir = Eğer href = değerinin onclick'inizden sonra etkin olmasını istemiyorsanız =.

Ayrıca, yalnızca href = "#" değerini ayarlayabilirsiniz. #

Answer 2

Ben senin sayfa olarak, bağlantılarınızı değiştirebilir tıklayarak ferahlatıcı olduğunu düşünüyorum (hiç sayfayı yeniden etmez) hiçbir gider:

<a href="" onclick="FirstPic(); return false;"><img src="replacement1.jpg" name="pic1"></a> 
<a href="" onclick="SecPic(); return false;"><img src="replacement2.jpg" name="pic2"></a> 

Answer 3

Neden böyle bir şey yapamaz (işaretli değil sözdizimi tamamen, bu yüzden sen Etiketleri (yerine bir name özelliğinin) pic1 ve pic2 denilen bir kimlik özelliğinin vermek emin olun.

function FirstPic() 
{ 
    var pic1 = document.getElementById("pic1"); 
    if (pic1 == typeof('undefined')) return; 
    pic1.src = "newpicname.jpg"; 
} 

hatalı olabilir ve imajını kendisi 'onclick' özelliğini verebilir ...

<img onclick='FirstPic()' id='pic1' src='image1.jpg' />