Replace an Image under mouse event (onMouseOver, onMouseOut) : img « HTML Tags « JavaScript Tutorial

<HTML>
<HEAD>
</HEAD>
<BODY>
Pass your mouse over a pattern!
</H2>
<TABLE cellpadding=5 cellspacing=10>
<TR><TD>
<IMG src="white.gif" height=100 width=175 border=0>
</TD>
<TD>
<IMG src="1.gif" height=75 width=75 border=2 onMouseOver="document.images[0].src='1.gif'";
onMouseOut="document.images[0].src='2.gif';">
</TD>
<TD>
<IMG src="2.gif" height=75 width=75 border=2
onMouseOver="document.images[0].src='2.gif';"
onMouseOut="document.images[0].src='3.gif';">
</TD>
<TD>
<IMG src="4.gif" height=75 width=75 border=2
onMouseOver="document.images[0].src='4.gif';"
onMouseOut="document.images[0].src='5.gif';">
</TD>
<TD>
<IMG src="6.gif" height=75 width=75 border=2
onMouseOver="document.images[0].src='6.gif';"
onMouseOut="document.images[0].src='7.gif';">
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

21.9.img
	21.9.1.	Image
	21.9.2.	Image.border
	21.9.3.	Image.complete
	21.9.4.	Image.height
	21.9.5.	Image.hspace
	21.9.6.	Image.lowsrc
	21.9.7.	Image.name
	21.9.8.	Image.src
	21.9.9.	Image.vspace
	21.9.10.	Image.width
	21.9.11.	Change link image in mouse in and mouse out
	21.9.12.	Change image align
	21.9.13.	Change image title
	21.9.14.	Image substitute
	21.9.15.	Image load onerror event (IE)
	21.9.16.	Add onerror handler to image element within document element array (IE)
	21.9.17.	Replace an Image under mouse event (onMouseOver, onMouseOut)
	21.9.18.	Slide Show
	21.9.19.	Change vspace for image