flash rotator behind menu

[bruce.dixon]

This flash rotator is the answer to several needs and works well in IE 6 and 7.  But I have a question.

My flash rotator at www.overgroundrr.com is being used to display banner ads, but is landing behind my menu.

I thought I knew the answer, and that was to add a line in the .js file like this

Code:

so.addParam("wmode", "transparent");

But when I open the swfobject.js file in TextPad or even in NotePad there are no line breaks in the thing, so I am unsure where to drop this in there, if indeed that is what I should be doing. 

Assuming I am correct and that this needs to be added, how do I ascertain the place in the file to add it?

[Casey Lee]

Hi,
Your site is looking good.
The first thing I would do is try to whip your code into XHTML validation - At least, thats where I usually start any debugging. When trying to validate it, I was returned with:
Failed validation, 23 errors.

Anyhow, you might try adding this:

Code:

embed#rotator, p#player {z-index:1;}

to your CSS file to solve the problem.

It is difficult to say what the actual culprit may be.
Typically, CSS menus that do this can be easily fixed by adding "wmode:transparent" to the Flash (which is already hardcoded into FR) or the z-index can be made lower.

The template you are using is loaded with several javascripts, and the menus seems to be a jvascript/CSS hybrid so there's really no telling where it conflicts.

As you can see here, the true CSS menus work fine, so you may want to look into a bypass if you must use the rotator..or any other Flash for that matter.

Best of luck

[bruce.dixon]

Thanks as usual for the clear headed advice.  I don't want to debug, and have until now avoided even thinking the word.  I am a writer --- of words, not code.  But it's time to learn some new stuff, I guess.

Hmmmm.  I bought the LUSH template for these same folks before they decided to switch to the one currently in use for this project.  Maybe I can snatch that (standards compliant) menu outa there and plug it into the template I'm using.  Maybe if I get up Sunday with a clear head and a clean slate it'll be worth a couple hours effort. 

Sounds insane, but whatchagonna do?

[MuffinDCC]

This is how I got it to work for me

1. Open swfobject.js
2. Find

var q=_7?_7:"high";this.addParam("quality",q);

3. Immediately after, add

var wm=_7?_7:"transparent";this.addParam("wmode",wm);

The section should now look like

var q=_7?_7:"high";this.addParam("quality",q);var wm=_7?_7:"transparent";this.addParam("wmode",wm);

Attached is my swfobject.js as well

I hope this works for others and thumbs up of a fantastic free module

[Casey Lee]

added to 2.5 update.
Thanks!

[andsegu]

HI!!

I have a RT (Rockettheme) themes and the menu problem continues.

I have Joomla 1.0.x with Flash Rotator 2.5

The swfobject.js include the correct line added, and I try add in css file the line: embed#rotator, p#player {z-index:1;} but the menu continues to appear behind

I continue testing and I make a compatibility errros checklist...

• I.E. 6: Work fine, the flash rotator is in back and menu work ok.
• FF on Windows: Work fine, the flash rotator is in back and menu work ok.
• FF on Linux: flash rotator behind menu

Any idea?

Thanks a lot!


P.S: My site not is on line, but you can check in this site, ye problem is the same: http://jeevankatwaru.com/