Active image change

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:37

Active image change

Poster: basic
Dated: Monday July 25 2005 - 13:28:25 BST

Hi,
I have two images for the top level of the menu at http://www.basiconcept.com/sites/pws/english/default.asp and the hover efect looks nice. However, when I click on e.g., Forms or Contact, I get an active, blue button with hybrid of the two images instead of just the white image. The style code looks like this:

Code:

with(menuStyle=new mm_style()){
bordercolor="#ffffff";
borderstyle="solid";
borderwidth=0;
fontfamily="Arial, Verdana, Tahoma";
fontsize="12px";
fontstyle="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#ffffff";
offcolor="#000000";
onbgcolor="#11499C";
oncolor="#ffffff";
overfilter="Fade(duration=0.1);Alpha(opacity=100))";
padding=5;
pagebgcolor="#11499C";
pagecolor="white";
separatorcolor="#ffffff";
separatorsize=1;
image="images/orangedots.gif";
imagepadding=2;
overimage="images/whitedots.gif";
clickimage="images/whitedots.gif";
padding=4;

Any ideas?

Thank you,

Gil.

Poster: slackbladder
Dated: Monday July 25 2005 - 14:18:04 BST

I could be wrong here but clickimage works only when you CLICK on the menu link?

Try using pageimage:

first remove:

clickimage="whitedots.gif";

from menuStyle

Then add pageimage=whitedots.gif to all your 'Main Menu' items

EXAMPLE:
aI("text=Contact;url=contact.aspx;pageimage=whitedots.gif");

Poster: Ruth
Dated: Monday July 25 2005 - 17:26:00 BST

Hi Gil,

Slack is right. But, you don't have to put it in the aI string, you can put pageimage="whitedots.gif"; in the menuStyle section of the menu_data.js file. Also, if for some reason you need the clickimage for something you can leave that and just add the pageimage= in addition to it.

Ruth

Poster: slackbladder
Dated: Monday July 25 2005 - 17:29:01 BST

Sorry Ruth - you are right. I have been playing with pageimage but using DIFFERENT images for each menu heading.

Basic is using the same image for his menu.

Thank you!

Poster: basic
Dated: Monday July 25 2005 - 17:43:03 BST

Thank you -

you are helpful as always...

Gil.

Industrial Strength JavaScript and DHTML Menus

Active image change

Thank you!