Results 1 to 4 of 4

Thread: Mouseover Image Links

  1. #1
    Join Date
    Jan 2009
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Mouseover Image Links

    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.

    Code:
    <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>
    Last edited by Sarin; 01-20-2010 at 04:53 PM.

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Try:
    Code:
    onmouseover = "var old = this.src; this.src = 'newimage.png';"
    onmouseout = "this.src = old;"
    Jeremy | jfein.net

  3. #3
    Join Date
    Jan 2009
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Worked - Thanks!

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    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"
    Jeremy | jfein.net

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •