Active image change

[basic]

Hi,
I have two images for the top level of the menu at http://www.basiconcept.com/sites/pws/en ... efault.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: Select all

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.

[slackbladder]

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");

[Ruth]

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

[slackbladder]

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.

[basic]

Thank you -

you are helpful as always...

Gil.