mouseover issue

[inzo21]

Hi everyone,

 

I'm having a problem I can't quite understand with a mouse over that I am trying to do in a user control. I want the image to change when the user hovers over it and back to the original on mouseout. Here is the code I am using.

 

<IMG id="home" style="Z-INDEX: 101; LEFT: 1px; POSITION: absolute; TOP: 1px" alt="" src="file:///C:\Inetpub\wwwroot\testweb\images\home_off.gif" onmouseover="home.src='file:///C:\Inetpub\wwwroot\testweb\images\home_on.gif';" onmouseout="home.src='file:///C:\Inetpub\wwwroot\testweb\images\home_off.gif';">

 

this seems compliant with code I have verified from MSDN and the following article:

http://www.wdvl.com/Authoring/ASP/NET_Nutshell/asp_net1_2.html

 

the issue I have is that is gives me the typical "x" as an image after I hover over the image - as if it can't find the image. I am able to add both images directly onto the user control and can browse directly to the image if I put the url in the browser.

 

any ideas?

 

thanx again,

 

inzo

[PlausiblyDamp]

You will need to specify the image src as a URL rather than a file system path.

[inzo21]

that did it!

 

one other question... do you know a way that I can reference the image based on the root of the web site rather than hard-coding it? I tried ../testweb/images/home_off.gif to no avail.

 

other than that, thank you so much for your feedback.

 

have a great day

inzo

[inzo21]

scratch that - I removed a period and it works.

 

./images/home_off.gif

 

thanx again,

 

inzo