Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Wednesday July 18 2012 - 06:07:40

images in menu


Poster: pavia __at__ gti.net
Dated: Tuesday May 7 2002 - 13:48:18 BST

If you are using images (and rollovers) in the menu instead of text, how does one do it so that a menu item rolls over AND drops down a sub menu? Aaaagh...this is driving me crazy. The way I have it, the normal code would be:

,"<img src=buttonlearn.jpg border=0>","show-menu=learn swapimage=buttonlearn_over.jpg",,,0

but the result of this is that it renders the menu item useless--it neither rolls over nor does it drop the sub menu items...

Any help would be appreciated. Alternatively, if this can't be accomplished, could someone please tell me so I can get on with my life? :-)

Help with this also


Poster: Anonymous
Dated: Thursday May 23 2002 - 16:51:51 BST

I also would like to know how to do this. Any ideas?

I am having same same problem


Poster: taesl
Dated: Friday June 7 2002 - 17:35:16 BST

See my posting (roll over images not working) for additional information... I see that you have had no replies... have you corrected your problem yet?

Hey Marty...we need your help!

Hey I got it to work!!!


Poster: taesl
Dated: Friday June 7 2002 - 17:58:02 BST

Here is my original string that did not work..

,"<img src=diamond.gif border=0>&nbsp;&nbsp;LINKS","show-menu=link1 swapimage=diamond_over.gif",,,1

Here is the new string that does work...

,"<img src=diamond.gif border=0>&nbsp;&nbsp;LINKS","<show-menu=link1> swapimage=diamond_over.gif",,,1 // I placed < > around the <show-menu=link1>

Hope this helps!

Ooopps!


Poster: taesl
Dated: Friday June 7 2002 - 18:04:17 BST

Well the rollover image worked but now the submenu doesn't appear...

Darn!

Re: Hey I got it to work!!!


Poster: Hergio
Dated: Thursday June 13 2002 - 13:33:22 BST

Ok here is the answer to your questions taken straight from the Milonic website itself. :D

To create an image rollover on a menu item that is a clickable link to some URL:

,"<img border=0 src=images/img.gif>&nbsp;milonic.co.uk",
"http://www.milonic.co.uk/ swapimage=/images/img_over.gif;",,,1

In the above example you include the 'swapimage' tag in with the URL and end it with a semicolon.

To create an image rollover on a menu item that is to produce a submenu:

,"<img border=0 src=images/img.gif>&nbsp;Web Tools",
"show-menu=qwebtools","# swapimage=/images/img_over.gif;",,0

In this example, you put the 'show-menu' tag as usual, but in the next comma-ed area (usually left blank) you put in quotes a pound symbol then space, then your 'swap image' tag. Dont forget this does not go with the URL, it goes in what is commented in the code as being the 'Alternate URL' section of the string.

Hope this helps all of you that needed it. 8)