큰 이미지를 변경하려면 축소판을 클릭하십시오.

Question

축소판을 클릭 할 때 주 이미지를 변경하려고했지만 두 개의 다른 코드 인스턴스를 함께 사용할 수 없습니다. 한 번에 하나만 작동합니다. 누군가 내가 뭘 잘못하고 있는지 말해 줄 수 있니?

내 자바 스크립트 -

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

Answer 1

한 changeImage 기능을 만들고 두 개의 매개 변수, 이미지와 대상 사업부를 전달합니다.

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

그리고 당신은 같은 이름을 가진 두 가지 기능을 사용할 수 없습니다 onclick='changeImage(this,'img1');' 또는 onclick='changeImage(this,'img');'