Due to IE sucking.. Here is what I did.
Make a .js file say foo.js
document.write("<div style=\"z-index:1; background:transparent; position:relative; top:-100px; left:0;\">");
document.write("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=\"600\" height=\"600\" id=\"scroller\" align=\"left\"><param name=\"wmode\" value=\"transparent\">");
document.write("<param name=\"movie\" value=\"/includes/flash/foo.swf\" /><param name=\"wmode\" value=\"transparent\" /><param name=\"allowScriptAccess\" value=\"sameDomain\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#000000\" />");
document.write("<embed src=\"/includes/flash/foo.swf\" quality=\"high\" bgcolor=\"#000000\" width=\"600\" height=\"600\" name=\"scroller\" wmode=\"transparent\" align=\"left\" allowScriptAccess=\"sameDomain\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" /></object>");
document.write("</div>");
and in your HTML place
<script type="text/javascript" src="/includes/js/foo.js"></script>
and you have a nice transparent background having flash object that works in FF, IE etc.. Style the outputted div to position as required etc etc.. In my case I needed it to line up correctly yet allow hovers that would appear over the text. I would put a screenie but I would get fired heh. But there you have it. One sexy line of include code in your html and a sep js file to control your flash object. Adjust the parameters as required. The pain in the butt is that you need both the <object> tag and <embed> to cater to all the browsers but at least this way keeps your HTML source lean and mean.


Help
This topic is locked

MultiQuote










