mouse over and out problem

[torry]

first off it should be very obviouse I am an amature html user. What I am trying to do is have a black and white thumb  (tn_resfloors_1_bw.jpg) be visible on my page....on mouseover have it turn to color (tn_resfloors_1).jpg
when I mouseout have it go back to black and white....then when click open the full size pic.... I keep getting a not a valid object error (or something like that) - thanks.


<A href="../residential/resfloors/resfloors_1.jpg"
onMouseOver = "document.tn_resfloors_1.src='../residential/resfloors/tn_resfloors_1.jpg';return false;"
onMouseOut = "document.tn_resfloors_1_bw.src='../residential/resfloors/tn_resfloors_1_bw.jpg';return false;">
<img src="../residential/resfloors/tn_resfloors_1_bw.jpg" name="../residential/resfloors/tn_resfloors_1_bw.jpg" border=0>

[Rob Pomeroy]

How about:

Code: [Select]

<a href='../residential/resfloors/resfloors_1.jpg' target='_blank'>
  <img src='../residential/resfloors/tn_resfloors_1_bw.jpg' id='theimage'
       onMouseOver='javascript: document.getElementById("theimage").src = "../residential/resfloors/tn_resfloors_1.jpg";'
       onMouseOut='javascript: document.getElementById("theimage").src = "../residential/resfloors/tn_resfloors_1_bw.jpg";'
       border='0'
  >
</a>

[torry]

that worked for the mouseover part...thanks so much
the image doesnt open now when clicked. Any ideas?

[Rob Pomeroy]

Can you post a link to the page?  I'd like to see it in action and if necessary do some bug-busting.  

[torry]

its only on hard drive for now...and very early in stages. I will notify you when I get it loaded on some personal space and if availalble I would appreciate the help.

[Rob Pomeroy]

Incidentally, the "target='_blank'" part in the <A> tag should cause the image to pop up in a new window.  When you click on the link, is anything happening at all?  If not, are you using some kind of popup supression?  Because this kind of popup is perfectly legitimate.