CLICKIMAGE or PAGEIMAGE?

Poster: iBringSolutions
Dated: Sunday August 8 2010 - 15:56:43 BST

Hi,

Using CLICKIMAGE I've had no success trying to get an image to display once a menu link is clicked.

You can see the menu at work here: http://www.xsprotemplates.com/ceogrowth/

You can see the code for the menu here: http://www.xsprotemplates.com/ceogrowth ... AR_MENU.js

Any help would be greatly appreciated.

Thanks!

Patrick

Re: Getting CLICKIMAGE to work...

Poster: iBringSolutions
Dated: Sunday August 8 2010 - 21:25:49 BST

Okay,

After some digging it appears that the menu effect I'm after is PAGEIMAGE. I think. Almost got it working, but now when I click on a link in the menu the "you are here" menu image appears left of the link/text. Why is that?

Is there a way to center the text/links over the (page)image?

Please reference the links in my post above.

Thanks.

Patrick

Re: CLICKIMAGE or PAGEIMAGE?

Poster: Andy
Dated: Monday August 9 2010 - 10:46:01 BST

Hi,

Are you trying to do a tab style menu?

If you are, it might be an idea to use Webplugs for that.

Let me know

Andy

Re: CLICKIMAGE or PAGEIMAGE?

Poster: iBringSolutions
Dated: Monday August 9 2010 - 15:24:15 BST



Thank you Andy.

Where can I learn more about the Webplugs?

Re: CLICKIMAGE or PAGEIMAGE?

Poster: Ruth
Dated: Saturday August 14 2010 - 7:51:35 BST

Hi,

I am working on this but I think what you need is a bgimage, not an image since you want the words on top. It might be best to do it with css class since you can then position it as you like. I will try to set it up and post the code back here.

As to webplugs try here viewtopic.php?f=10&t=10154

It's a system to create everything from css

Ruth

Re: CLICKIMAGE or PAGEIMAGE?

Poster: Ruth
Dated: Saturday August 14 2010 - 8:31:07 BST

Hi,

OK, put this in your menuStyle section on the info bar menu.js file, that's the style you are using for the main menu.


Then in your info bar menu css file add this class




Now when there is a match, that greyL03.gif will show as a bg image with the text over it. As you see it's set as no-repeat and top left and the background color is transparent so if for whatever reason the page matching bg image doesn't show it will have the same color as without the image. You can of course set the color to whatever you want in case the pagebgimage doesnt' show, say the color of the bgimage you are using, but of course it wouldn't have that rounded look, it would just fill the whole item that bgcolor, but only if the pagebgimage didn't load for whatever reason.

Hope this helps

Ruth