Buttons onMouseOver not working.

[CommittedC0der]

OK so I started designing my website and I uploaded my "index.html" to the public_html folder and all my pictures and used this code to make my buttons have a mouse over effect.

<a href="http://google.com/" onMouseover="document.home.src='http://empire-software.hostei.com/public_html/home_btn_hover.jpg'" OnMouseOut="document.home.src='http://empire-software.hostei.com/public_html/home_btn.jpg'" ><img src="http://empire-software.hostei.com/public_html/home_btn.jpg" border="0" name=home />
</a>

And the button won't even show up but if I do it like this:

<a href="http://google.com/" onMouseOver="document.about.src='about_me_btn_hover.jpg'" onMouseOut="document.about.src='about_me_btn.jpg'" ><img src="about_me_btn.jpg" border="0" name=about />
</a>

the buton will show up but will not change on mouse over. does any one have any idea why this is not working?

Thanks, +rep for help.

[amrosama]

the second one should be working fine, did it work fine before you upload?
if yes then your problem might be:
-the mouse-over button image doesnt exist
-or you dont have permission to the image
try opening the image in your browser

let me know if that didnt solve it

[CommittedC0der]

the second one should be working fine, did it work fine before you upload?
if yes then your problem might be:

-the mouse-over button image doesnt exist

Yes I have all my pictures uploaded in the public_html folder.

-or you dont have permission to the image

I should have permission I'm the admin.

try opening the image in your browser

I clicked view on the image in the public_html folder then copied the image location and changed the code to that link and it worked while the page was loading then it loaded all the way and won't work again even if I refresh it.

[amrosama]

huh?!!
wtf??
thats weird, can i see a link?

[CommittedC0der]

OK I changed the code back to

<a href="http://google.com/" onMouseover="document.home.src='home_btn_hover.jpg'" OnMouseOut="document.home.src='home_btn.jpg'" ><img src="home_btn.jpg" border="0" name=home />
</a>

and it works totally fine in Google chrome and Opera but only two buttons work in IE and none in FF.

EDIT* here's the link Home

EDIT*EDIT* Now it seems to be working in FF after I held my mouse on it for 3 seconds it loaded and worked fine. so I guess it will be ok for now.

[James.H]

Yea it took me 3 secs in FF for the first time and now it works instantly, i'm not sure why that is.

I tested the link in the other browsers and the mouse over image came instantly.

If the FF issue bothers you I recommend you use my method in this thread:

Hover buttons

It works in all major browsers and there is no download time, as the no rollover image and rollover image are the same file.

[CommittedC0der]

Yea it took me 3 secs in FF for the first time and now it works instantly, i'm not sure why that is.

Ya same for me.

If the FF issue bothers you I recommend you use my method in this thread:

Hover buttons

It works in all major browsers and there is no download time, as the no rollover image and rollover image are the same file.

OK thanks I'll take a look.

[amrosama]

it worked just fine here on opera

[CommittedC0der]

Ya I think I got it working now.