The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Rollover to feature thumbnails
wakeupthemoon
post Dec 14 2006, 04:55 PM
Post #1





Group: Members
Posts: 2
Joined: 14-December 06
Member No.: 1,306



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
John Pozadzides
post Dec 19 2006, 06:53 PM
Post #2


WDG Founder
******

Group: Root Admin
Posts: 529
Joined: 3-August 06
From: Magnolia, TX
Member No.: 2



I think this might be the answer you're looking for...

http://www.edginet.org/techie/website/cssimg.html#ROLL
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Dec 20 2006, 07:48 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Go see this article from Eric Meyer's CSS Edge.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 01:42 AM