Warum funktioniert mein Rollover-Bild nicht?

Question

Ich habe einen Code für meine Website, wenn ein Bild angeklickt wird, erscheint ein Popup-Fenster, das funktioniert. Allerdings, wann immer ich den ersten Rollover übertrage, funktioniert aber das Originalbild vor dem Rollover nicht mehr? warum ist das?

<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

siehe: rollover image with buttons

dies ein Duplikat zu sein scheint - die Lösung in der obigen Frage shou DL arbeite für dich.

Für Chrom (und auch für anderen Browser), ist es immer eine gute Idee, um Ihre HTML zu validieren: http://validator.w3.org/

Answer 2

Verwenden Sie CSS sprites für Rollover.

Answer 3

Ihr HTML ist ungültig.

Diese ...

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

dieses ...

für die onMouseOut

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

Gleiche sein sollte ...

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

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

---

Oder Sie können this. beseitigen und tun nur 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/