I would like to find out how to fix drop down menu over flash when the flash content brought by the java/script below into iframe?
You may see what I am talking about here : http://67.220.225.130/~ktaelot/#
Here is the script:
<script type="text/javascript">
var fo = new SWFObject("ext/viewer.swf", "viewer", "100%", "100%", "8", "#929681");
fo.addVariable("preloaderColor", "0xffffff");
fo.addVariable("xmlDataPath", "gallery.xml");
fo.addVariable("fontColor", "0xdee0d6");
fo.addVariable("footer", "© 2009");
fo.write("flashcontent");
</script>
</div>
<div id="introlayer" style="visibility: hidden; position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2; background: #929681; overflow: hidden">
<div style="margin-top: 60px; width: 550px; margin-left: auto; margin-right: auto;">
<span class="title" style="color: #dee0d6;">Vauxhall</span><br/><br/>
<p style="text-align:right;">
<a href="javascript:show_album();">>></a>
</p>
</div>
</div>
<script type="text/javascript" language="javascript">
function show_album() {
document.getElementById('mainlayer').style.visibility = 'visible';
document.getElementById('introlayer').style.visibility = 'hidden';
document.getElementById('introlayer').style.overflow = 'hidden';
}
function show_intro() {
document.getElementById('mainlayer').style.visibility = 'hidden';
document.getElementById('introlayer').style.visibility = 'visible';
document.getElementById('introlayer').style.overflow = 'auto';
}
var skip_intro = window.location.href.indexOf("?skip_intro")!=-1;
if (!skip_intro && 0) {
show_intro();
}
</script>
What methods do you use to solve this problem? Any help will be appreciated much.