Solved

Adding wmode=transparent to SWFOBJECT

Posted on 2009-05-18
6
4,763 Views
Last Modified: 2012-05-07
I want to add the wmode=transparent parameter to swfobject.

Below is my current code, which does not seem to actually turn on transparent mode.

You can see the item page I'm  using it at here... and that transparent isn't on because you can see when rollover the QTY discountn button in FF you can't see thru the flash to see the box that pops up.

http://www.versatables.com/pages/products/school/aj30xx-test3.php#


<script type="text/javascript">
swfobject.embedSWF("http://www.versatables.com/media/flash/swf/CTL30-DEMO-09-LOAD.swf", "myContent", "300", "320", "7.0.0", "expressInstall.swf");
so.addParam("wmode", "transparent"); 
so.write("flashcontent");
</script>

Open in new window

0
Comment
Question by:cstormer
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 10

Expert Comment

by:Phatzer
ID: 24415997
The object holds parameters and the embed object (generally). I think when I tried this a while back, the wmode="transparent" must remain as a param, but also inside the embed tag for it to work cross-browser. As you are using javascript, however I cannot help you any further than provide this input.
0
 
LVL 16

Expert Comment

by:s8web
ID: 24416518
I think your

"swfobject.embedSWF" might be causing your issue.

Try my snippet and see what happens.

    <script type="text/javascript">
    var so = new SWFObject("pathto.swf", "swfname", "width", "height", "version", "#bgdcolor");
    so.addParam("wmode", "transparent");			
    so.write("flashcontent");
    </script>

Open in new window

0
 
LVL 16

Expert Comment

by:s8web
ID: 24416526
"#bgdcolor" will be ignored, give it a value anyway
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 24416812
so.addParam("wmode", "transparent");   is for older versions of that script.

Replace those 3 function calls with this one:
swfobject.embedSWF("http://www.versatables.com/media/flash/swf/CTL30-DEMO-09-LOAD.swf", "myContent", "300", "320", "7.0.0", "expressInstall.swf", {}, {wmode:"transparent"});

Open in new window

0
 

Author Comment

by:cstormer
ID: 24416815
No that doesn't seem to work.. nothing comes up when I run that...
0
 

Author Comment

by:cstormer
ID: 24416833
Sorry let me try that last one.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Accordion won't close correctly 5 13
15 puzzle in Javascript/html 2 39
JS to redirect to prev page 8 20
Boolean 13 21
I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
The goal of the tutorial is to teach the user how to live broadcast using Flash Media Live Encoder and connecting it to YouTube to broadcast. Log into your Youtube account, choose live stream settings, start live stream from Flash Media Live Enc…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question