willnjen
asked on
Image rollover menu with dropdowns as images
Hi Experts
I've spent hours looking for this. Does anyone know how to create a vertical image roll-over menu with dropdowns which are also image rollovers?
I know how to create a Java vertical image rollover menu and I know how to create a CSS dropdown menu. I just can't find any examples of the two combined.
There was a similar question on EE but suggested links don't work any more. See https://www.experts-exchange.com/questions/10627621/dropdown-menu-with-rollover.html?sfQueryTermInfo=1+dropdown+imag+menu+rollov
Can anyone point me in the right direction? Should it be all Java, or all CSS, or something else?
Many thanks
Will
I've spent hours looking for this. Does anyone know how to create a vertical image roll-over menu with dropdowns which are also image rollovers?
I know how to create a Java vertical image rollover menu and I know how to create a CSS dropdown menu. I just can't find any examples of the two combined.
There was a similar question on EE but suggested links don't work any more. See https://www.experts-exchange.com/questions/10627621/dropdown-menu-with-rollover.html?sfQueryTermInfo=1+dropdown+imag+menu+rollov
Can anyone point me in the right direction? Should it be all Java, or all CSS, or something else?
Many thanks
Will
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi Guys
I am after a menu that uses images that change to another image as you rollover. That combined with the multi-level dropdowns is what I can't do.
An example of the image changing rollover I want to use is here (not my work).. www.oceanridge.co.nz
There are two images which change when rolled over. The code is below.
How do I add a level of dropdowns that are also image rollovers?
Cheers
Will
I am after a menu that uses images that change to another image as you rollover. That combined with the multi-level dropdowns is what I can't do.
An example of the image changing rollover I want to use is here (not my work).. www.oceanridge.co.nz
There are two images which change when rolled over. The code is below.
How do I add a level of dropdowns that are also image rollovers?
Cheers
Will
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>Test image menu from Ocean Ridge</TITLE>
<SCRIPT src="http://www.oceanridge.co.nz/includes/scripts.js" language="javascript"></SCRIPT>
</HEAD>
<BODY>
<div id="nav" style="left: -530px; top: 36px; width: 90px">
<a href="/index.shtml" onMouseOver="MM_swapImage('home','','http://www.oceanridge.co.nz/images/navmain/home-1.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.oceanridge.co.nz/images/navmain/home-0.gif" name="home" width="56" height="45" border="0" id="home"></a><br> </div>
</BODY>
</HTML>
ASKER
Hi jeremyBass26
I just read your post again and had another look at fsmenu. Are you saying I could use images with fsmenu? Can you show me an example?
Cheers
Will
I just read your post again and had another look at fsmenu. Are you saying I could use images with fsmenu? Can you show me an example?
Cheers
Will
ASKER
I figured it out, fsmenu worked well. Thanks!
sorry i didn't get back... but glad to see you got it... have a great one... :)
Something like this would work (mostly stolen from http://www.cssplay.co.uk/menus/ with a few modifications)
Open in new window