왜 내 롤오버 이미지가 작동하지 않습니까?

Question

내 사이트에 대한 코드가 있는데, 이미지를 클릭하면 잘 작동하는 팝업 창이 표시됩니다. 그러나 처음 롤오버를 롤오버 할 때마다 롤오버가 표시되기 전에 원본 이미지가 더 이상 표시되지 않습니다. 왜 이런거야?

<input name="image" type="image" onMouseOver= src="http://japanesefriend.zxq.net/images/x11_title.gif" onMouseOut= src="http://japanesefriend.zxq.net/images/level4_nouns_08.gif'" value="Place Order" src="http://japanesefriend.zxq.net/images/level4_nouns_08.gif" onClick='styledPopupOpen("<img src=http://japanesefriend.zxq.net/flashcards/go.gif />")' align=middle width=164 height=154> 

Answer 1

참조 :이 중복 될 것으로 보인다 rollover image with buttons

- 솔루션을 위의 질문에 shou dl이 당신을 위해 일합니다. http://validator.w3.org/

Answer 2

롤오버에 대한 사용 CSS sprites.

Answer 3

고객님의 HTML은 유효하지 않습니다.

onMouseOver= src="http://japanesefriend.zxq.net/images/x11_title.gif" 

이이어야한다

이 ... ... onMouseOut에 대한 동일

onMouseOver="this.src='http://japanesefriend.zxq.net/images/x11_title.gif'" 

...

onMouseOut="this.src='http://japanesefriend.zxq.net/images/level4_nouns_08.gif'" 

DEMO :http://jsfiddle.net/XBLfN/

---

또는 당신은 this.을 제거하고 단지 src='http://...

onMouseOver="src='http://japanesefriend.zxq.net/images/x11_title.gif'" 
onMouseOut="src='http://japanesefriend.zxq.net/images/level4_nouns_08.gif'" 

DEMO 수행 할 수http://jsfiddle.net/XBLfN/1/