pagebgimage not working correctly [workaround]

Poster: nwilcox
Dated: Monday July 17 2006 - 14:19:54 BST

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!

Poster: Ruth
Dated: Tuesday July 18 2006 - 17:36:34 BST

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

Poster: nwilcox
Dated: Tuesday July 18 2006 - 20:13:41 BST

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>

Poster: Ruth
Dated: Wednesday July 19 2006 - 4:29:39 BST

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

Poster: nwilcox
Dated: Wednesday July 19 2006 - 17:16:24 BST

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.

Poster: nwilcox
Dated: Wednesday July 19 2006 - 19:23:27 BST

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

PROBLEM CLOSED

Poster: Ruth
Dated: Wednesday July 19 2006 - 19:40:44 BST

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

Poster: nwilcox
Dated: Thursday July 20 2006 - 20:28:22 BST

Hi Ruth,

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