RESOLVED! - swf with Javascript slideshow - overlaps css menu

zduke · 03-21-2011, 03:46 PM

I need my css menu to stay on top of everything, but there is a .swf with a javascript code that I am using for a slideshow that won't stay under the menu.

Any solutions? - THANK YOU!

Here's the test page: http://dbk.me/test/intro.html

harbingerOTV · 03-21-2011, 05:57 PM

wmode="transparent"

add that to your embed tag

zduke · 03-21-2011, 07:06 PM

Thanks for the suggestion, but I tried all possible places to put that and it's still not working. Can you give an example of where in the code to put it? The slide show doesn't have an 'embed' tag, no object or embed. I guess it's all controlled by that javascript code?

Here is the code that is controlling the slide show.

#flashcontent {
float:top;
position: relative;
margin: 150px 0px 0px 0px;
z-index:1;
}
</style>

</head>

<body>
<div align="center">
<div id="flashcontent">
<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("intro.swf", "mymovie", "750", "450", "9","#ffffff");
so.addParam("menu", "false");
so.addParam("allowfullscreen", "true");
so.addParam("allowScriptAccess", "always");
so.addVariable("dataPath", "intro_asset/introdata.xml");
so.write("flashcontent");

</script>
</div>

</div>

VIPStephan · 03-21-2011, 07:19 PM

It looks alright in Firefox 3.6 but you may wanna play around with z-index (i. e. give the footer and/or the menu a higher z index than the flashcontent).

harbingerOTV · 03-21-2011, 07:42 PM

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

zduke · 03-22-2011, 04:26 AM

THANK YOU! That worked! so.addParam("wmode", "transparent");

I appreciate your help, you're an angel!

RESOLVED!!!