pagebgimage not working correctly [workaround]

[nwilcox]

any of left links in the menu (the top 4 don't work yet) all have pagebgimage set.

They don't work unless I rollover and rollout of each button. If I do that the bg image stays "on"

Any ideas on why this wouldn't be working? This is the first time I've used bgimage, onbgimage, and pagebgimage

Thanks!

[Ruth]

Hi,

I don't see any pagebgimage in your menu data file. Also, you're downlevel 1, try the newest version. Also, oversubimage is not a menu property so you can remove that.

Ruth

[nwilcox]

yes you are correct. It is placed inline with each of the AI elements.

Is this not possible on an item by item basis?

here is my code

<script language="javascript">
<!--
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="vertical";
position="relative";
itemheight="20px"


aI("image=<%=FileSource%>images/btn_spacer.gif;title=Edison LEDs;status=Edison LEDs;bgimage=images/btn_leds_up.gif;overbgimage=images/btn_leds_over.gif;pagebgimage=images/btn_leds_over.gif;showmenu=menu1;url?action=products;");


aI("image=images/btn_spacer.gif;title=Electric Test Equipment;status=Electronic Test Equipment;bgimage=images/btn_testequipment_up.gif;overbgimage=images/btn_testequipment_over.gif;pagebgimage=images/btn_testequipment_over.gif;showmenu=menu2;url=?action=products;");

aI("image=images/btn_spacer.gif;title=Cable & Wire Testing;status=Cable & Wire Testing;bgimage=images/btn_cabletesting_up.gif;overbgimage=images/btn_cabletesting_over.gif;pagebgimage=images/btn_cabletesting_over.gif;showmenu=menu3;url=?action=products;");

aI("image=images/btn_spacer.gif;title=Specialty Test Equipment;status=Specialty Test Equipment;bgimage=images/btn_speciality_up.gif;overbgimage=images/btn_speciality_over.gif;pagebgimage=images/btn_speciality_over.gif;showmenu=menu4;url=?action=products;");


aI("image=images/btn_spacer.gif;title=LED Bin Ranks;status=Line Card;bgimage=images/btn_ledbinranks_up.gif;overbgimage=images/btn_ledbinranks_over.gif;pagebgimage=images/btn_ledbinranks_over.gif;url=?action=ledbinranks;");

aI("image=images/btn_spacer.gif;title=Line Card;status=Line Card;bgimage=images/btn_linecard_up.gif;overbgimage=images/btn_linecard_over.gif;pagebgimage=images/btn_linecard_over.gif;url=?action=linecard;");


aI("image=images/btn_spacer.gif;title=Contact;status=Contact;bgimage=images/btn_contact_up.gif;overbgimage=images/btn_contact_over.gif;pagebgimage=images/btn_contact_over.gif;url=?action=contact;");

aI("image=images/btn_spacer.gif;title=Request Quote;status=Request Quote;bgimage=images/btn_requestquote_up.gif;overbgimage=images/btn_requestquote_over.gif;pagebgimage=images/btn_requestquote_over.gif;url=?action=requestquote;");

aI("image=images/btn_spacer.gif;title=About;status=About;bgimage=images/btn_about_up.gif;overbgimage=images/btn_about_over.gif;pagebgimage=images/btn_about_over.gif;url=?action=about;");

aI("image=images/btn_spacer.gif;title=Home;status=Home;bgimage=images/btn_home_up.gif;overbgimage=images/btn_home_over.gif;pagebgimage=images/btn_home_over.gif;url=;");

}
drawMenus();
//-->
</script>

[Ruth]

Hi,

Well, the images you use have transparent backgrounds, so the text which is white is showing.

The pagebgimage looks black with white text, but you have the black set as a transparent color on the image.

Ruth

[nwilcox]

yes the issue is this

I want a image button rollover (image, overimage, pageimage) but I have to have the arrows show up so I need the (subimage,onsubimage,pagesubimage). When I do this the image and arrow butt-up next to eachother blowing out the width of my navigation area.



The only way I saw to fix this was to create the image button and rollover in the background (bgimage, onbgimage, pagebgimage) and then the sub-image would work fine. I needed a transparent image as the filler to make the button appear at the right height.

Everything works accept the pagebgimage, which will work, but only after you rollover the button in the navigation.

[nwilcox]

nevermind.. I've ripped all that styling out and just placed the arrow on the image button.

PROBLEM CLOSED

[Ruth]

Hi,

Well, I'll play with what you have to see if I can fix the subimage spacing out, but to fix the pagebgimage you have to make it a different image that is not transparent.

I took the linecard image, and I saved it as btn_linecard_page.gif and saved it as not transparent and it showed up right away.

Ruth

[nwilcox]

Hi Ruth,

no biggie... I got it to work and that is all that matters.