javascript - サムネイルをクリックすると大きな画像に変わります

Question

サムネイルをクリックしてメイン画像を変更しようとしましたが、コードの 2 つの異なるインスタンスを一緒に持つことができないようです。一度に動作するのは 1 つだけです。誰かが私が間違っていることを教えてもらえますか?

私の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">