asked on

Flyout Menu with Rollover Image Links from Horizontal Nav

I'm working with a store site that has multiple vendors and departments and am using horizontal dropdown menu for navigation on the homepage.

On the 5th tab of the horizontal menu, how can one have a large dropdown menu that consists of image links positioned to appear over the main hero image on the page, and have this functionality just for that particular tab?

I have attached image mockups of what I am trying to achieve.

All vendor logos would appear when the 5th tab is rolled over and activated. Each would have its own square and be a list item / link /menu option and the image displayed would change on rollover.

I am using the Multi-Level Dropdown Menu script from SpiceBrains and implemented the "mutiple" variation to have different graphics for each of the primary menu options. The 5th tab in the menu is labeled with id="menu5"

If there is a script out there (free or for purchase, or even Flash) that does this already, many thanks if you could provide a link!

Thanks!
menu1-typical-dropdown-action.gif
menu5-desired-action-for-tab-5.gif

b0lsc0tt

The only time I have seen something done like this the page used custom made code. I have not seen a script online that would handle the variations you asked for. There are some great sites online with Menu scripts and I can suggest some but I am afraid it will be a waste of your time to find something that does it all. If you have one you like now and just need it modified then is that an option (i.e. does the license permit it)? Do you understand the code well enough to do it or is it simple enough for another to adapt it? It may even be an option to approach the maker of the menu you use to see if they would adapt it (probably for some fee).
Let me know how this helps and how you want to proceed. If you have a question then let me know.
bol

joshua731

ASKER

The closest real example I could find is the "Select a Movie" rollover arrow on MovieTickets.com.

This is similar to what I want to do but I think what I want is simpler.

ASKER CERTIFIED SOLUTION

b0lsc0tt

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial