Navbar with graphics, not text

[DavidTO]

I want make a new navbar, and I don't want to use the standard method where you just type in the text of the link, but rather use a jpeg as the button.

I want this to be the button: http://davidrosenthal.smugmug.com/photos/118617924-L.jpg

And this to be the hover button: http://davidrosenthal.smugmug.com/photos/118617921-L.jpg

I understand how to build the link in the navbar and get the button to show up and to link properly to the URL, but I can't get the hover state button to show up. I've searched and can't find the syntax that'll work.

This is what I have so far:

<li>
<a href="http://davidrosenthal.smugmug.com">
<img src="http://davidrosenthal.smugmug.com/photos/118617924-O.jpg">
</a>
</li>

[devbobo]

Dave,

Try this...

<li>
<a href="http://davidrosenthal.smugmug.com">
<img src="http://davidrosenthal.smugmug.com/photos/118617924-O.jpg" onmouseover="this.src='/photos/118617921-O.jpg'" onmouseout="this.src='/photos/118617924-O.jpg'">
</a>
</li>

[ivar]

Dave,

Try this...

<li>
<a href="http://davidrosenthal.smugmug.com">
<img src="http://davidrosenthal.smugmug.com/photos/118617924-O.jpg" onmouseover="this.src='/photos/118617921-O.jpg'" onmouseout="this.src='/photos/118617924-O.jpg'">
</a>
</li>I already helped him, in a different way, using CSS, sorry. Should have mentioned that.