Help - Search - Members - Calendar
Full Version: Rollover to feature thumbnails
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
wakeupthemoon
I'm trying to expand upon a current navigation system on my client's website.

The current nav features simple gifs that use Javascript to swap the images onmouseover and onmouseout. You can see what the current nav looks like here:

Simple GIF navigation system

I need to incorporate thumbnails of my client's photos into the navigation such that when a visitor rolls over one of the buttons, not only will the gif change, but a small thumbnail jpg will appear above the navigation.

Any ideas on how to achieve this? I've had some recommendations to explore CSS rollovers, which is why I'm posting a query in this category. However, I've yet to find the right solution.

Thanks in advance!
John Pozadzides
I think this might be the answer you're looking for...

http://www.edginet.org/techie/website/cssimg.html#ROLL
Frederiek
Go see this article from Eric Meyer's CSS Edge.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.