Image Hover

Hello,

I've tried searching for existing answers here for my question but I can't quite find any, if there is, please show me...

I'm trying to do the image hover effect thingy on the buttons on my menu and I did it using this code:

<img src="http://1st dummy Image.jpg"
onmouseover="this.src='http://2nd Dummy Image.jpg'" onmouseout="this.src='http://1st dummy Image.jpg'">

AND it does work, it switches to the desired image/effect when you point the mouse on the button/image but problem is it doesn't load the page after clicking, it loads a server error page.

How can this be resolved? Would it work trying a different coding?


Much thanks.

hi friend
ur code is correct 100% for the <img> and Javascript as i see
i think ur problem with <a> tag be sure that u write correct HREF property
like : <a href="http://CORRECT ADRESS" target="" title="" rel=""><img /></a>
and if u use it with form be sure of ACTION property
like <form action="http://CORRECT ADDRESS" method="">
as i visit ur site i don't find such problem.

best wishes
______________

Hi,

Thanks friend. But I'm talking about the built-in navigator buttons. I wouldn't have to put HREF in there coz they're just the pages I added on the site the regular way.

The page entitled as "HOME" for instance.. instead of simply typing HOME as title to the button, I created an image and put the <img> code and it loads the page fine after clicking. But when I added the code to change image for an effect when hovering, it doesnt load the home page anymore after clicking but : you dont have permission to access to this server..etc.. You wont see that problem now coz I have to remove it since it duznt work.

But I've seen others did it ok, I wonder whats the trick to make it load the page fine.