자바 스크립트 이미지 변경 오류

Question

에 방금 가입했습니다. 이미이 사이트를 좋아했습니다.

내 질문에. 내 웹용 6 개의 메뉴를 만들려고합니다. Eg {home, about us, service .....}와 같고 사용자 마우스가 메뉴를 가리킬 때마다 이미지가 변경되기를 원합니다. 나는 온라인 자료에서 실제로 scrip을 얻었다. 그러나 다음 코드는 하나 개의 이미지에 대한 예였다 자바 스크립트/DHTML/AJAX 구문 (토글 일반 텍스트)

function roll_over(img_name, img_src) 
{ 
document[img_name].src = img_src; 
} 

그리고 몸 자바 스크립트/DHTML/AJAX 구문 (토글 일반 텍스트)

에 대한

<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')" 
onmouseout="roll_over('but1', 'icon1.gif')"> 
<IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50" 
NAME="but1" BORDER="0"> 
</A> 

이제 나는이 5 번을 번식 시키려고했습니다. (코드를 반복하고 그림 이름을 변경했습니다.) 그러나 이미지에 마우스를 올리면 언제나 바뀌지 않습니다.

제 질문은 다음과 같습니다. 위의 코드를 한 이미지 체인저에서 6으로 어떻게 만드나요?

감사합니다.

Answer 1

좋습니다. 알아 냈습니다. 모든 이미지에 대해 고유 한 이름을 설정해야합니다. 이 작품 자바 스크립트/DHTML/AJAX 구문 (토글 일반 텍스트)

<script> 
function roll_over(img_name, img_src) 
{ 
document[img_name].src = img_src; 
} 
</script> 

<A HREF="some.html" onmouseover="roll_over('but1', '10.gif')" 
onmouseout="roll_over('but1', '10-roll.gif')"> 
<IMG SRC="10-roll.gif" WIDTH="100" HEIGHT="50" 
NAME="but1" BORDER="0"> 
</A> 

<A HREF="some.html" onmouseover="roll_over('but2', '1-roll.gif')" 
onmouseout="roll_over('but2', '1.gif')"> 
<IMG SRC="1.gif" WIDTH="100" HEIGHT="50" 
NAME="but2" BORDER="0"> 
</A> 

<A HREF="some.html" onmouseover="roll_over('but3', '2-roll.gif')" 
onmouseout="roll_over('but3', '2.gif')"> 
<IMG SRC="2.gif" WIDTH="100" HEIGHT="50" 
NAME="but3" BORDER="0"> 
</A> 

희망이 코드를 시도

Answer 2

고유해야합니다 각 이미지에 대한 id (id를 사용해보십시오, 그래서 아무 요소가 없을 것 같은 id) :

<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')" onmouseout="roll_over('but1', 'icon1.gif')"> 
    <IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50" ID="but1" BORDER="0" /> 
</A> 

그리고이 코드 :

function roll_over(img_id, img_src) { 
    document.getElementById(img_id).src = img_src; 
}