Почему мое изображение ролловера не работает?

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

Смотрите: ролловер с кнопками

это похоже на дубликат - решение в вышеупомянутом вопросе должно работать для вас.

Для chrome (и даже для других браузеров) всегда полезно проверить html: http://validator.w3.org/

Answer 2

Используйте CSS спрайты для ролловеров.

Answer 3

Ваш HTML неверен.

Это...

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

должно быть это...

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

То же самое для onMouseOut...

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

ДЕМО: 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'"

ДЕМО: http://jsfiddle.net/XBLfN/1/