單擊縮略圖以更改大圖

我試圖在單擊縮略圖時更改主圖像，但我似乎無法將兩個不同的代碼實例組合在一起;一次只能工作一個。有人能告訴我我做錯了什麼嗎？單擊縮略圖以更改大圖

我的JavaScript -

function changeImage(img) { 
document.getElementById("img").src = img.src.replace("_t", "_b"); 
} 

function changeImage(img) { 
document.getElementById("img1").src = img.src.replace("_t", "_b"); 
}

我的HTML -

<img src="images/AGM/events_t.jpg" 
onclick='changeImage(this);' 
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"   
onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=0.5"> 

<img src="images/AGM/events1_t.jpg" 
onclick='changeImage(this);' 
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"  
onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=0.5"> 

<img id="img" src="images/AGM/events_b.jpg" width="650"> 



<img src="images/BLACSBF/events_t.jpg" 
onclick='changeImage(this);' 
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"  
onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=0.5"> 

<img src="images/BLACSBF/events1_t.jpg" 
onclick='changeImage(this);' 
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"  
onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=0.5"> 

<img id="img1" src="images/BLACSBF/events_b.jpg" width="650">

來源

2013-06-28 Bliss L. Ng

你不能有兩個函數具有相同的名稱 - 後者將覆蓋前者。您可以將兩個語句組合成一個函數。 – Passerby

謝謝，那爲我解決了！（： –

創建一個changeImage函數，並傳遞兩個參數，圖像和目標股利。

function changeImage(img,target) { 
    document.getElementById(target).src = img.src.replace("_t", "_b"); 
}

然後調用它像onclick='changeImage(this,'img1');'或onclick='changeImage(this,'img');'

來源

2013-06-28 03:00:37 j08691

謝謝，那爲我解決了！（： –

單擊縮略圖以更改大圖

回答

相關問題