Mouseover Image Links

[Sarin]

I have tried all of the other codes but I must be doing it wrong.

http://reptilewebsites.webs.com/

I am trying to change the image when I mouse-over the image links. Thing is, I am using a table to place all of the images in the banner, and would like for them to stay in place.

Banner 2x1-2x6 are the links.


<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="976" HEIGHT="278">

<TR>
<TD ROWSPAN="1" COLSPAN="7" WIDTH="976" HEIGHT="194">
<IMG NAME="banner0" SRC="/layout/banner_1x1.png" WIDTH="976" HEIGHT="194" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="472" HEIGHT="25">
<IMG NAME="banner1" SRC="/layout/banner_2x1.png" WIDTH="472" HEIGHT="25" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="65" HEIGHT="25">
<IMG NAME="banner2" SRC="/layout/banner_2x2.png" WIDTH="65" HEIGHT="25" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="67" HEIGHT="25">
<IMG NAME="banner3" SRC="/layout/banner_2x3.png" WIDTH="67" HEIGHT="25" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="108" HEIGHT="25">
<IMG NAME="banner4" SRC="/layout/banner_2x4.png" WIDTH="108" HEIGHT="25" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="103" HEIGHT="25">
<IMG NAME="banner5" SRC="/layout/banner_2x5.png" WIDTH="103" HEIGHT="25" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="74" HEIGHT="25">
<IMG NAME="banner6" SRC="/layout/banner_2x6.png" WIDTH="74" HEIGHT="25" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="87" HEIGHT="25">
<a href=""><IMG NAME="banner7" SRC="/layout/banner_2x7.png" WIDTH="87" HEIGHT="25" BORDER="0"></a></TD>

<a href="www.google.ca" ></a>

</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="4" WIDTH="712" HEIGHT="59">
<IMG NAME="banner8" SRC="/layout/banner_3x1.png" WIDTH="712" HEIGHT="59" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="3" WIDTH="264" HEIGHT="59">
<IMG NAME="banner9" SRC="/layout/banner_3x2.png" WIDTH="264" HEIGHT="59" BORDER="0"></TD>
</TR>

</TABLE>

[Nile]

Try:


onmouseover = "var old = this.src; this.src = 'newimage.png';"
onmouseout = "this.src = old;"

[Sarin]

Worked - Thanks!

[Nile]

Glad to help you! Your welcome!

It seems your topic is solved... Please set the status to resolved.. To do this:
Go to your first post ->
Edit your first post ->
Click "Go Advanced" ->
Then in the drop down next to the title, select "RESOLVED"