Solved

transparent background swf, adobe bridge web gallery

Posted on 2011-03-22
4
1,209 Views
Last Modified: 2012-06-27
Hi,

I am trying to use a web gallery created with adobe bridge in my webpage. I have inserted gallery in an <iframe>.  The gallery shows up just fine.  I would like to have the background of the webpage show up rather than the background of the web gallery.  From reading online, I understand that the way to do this is to add a parameter to add parameters to both the <object> and the <embed> tags.  I have attemped to do this, the white background from the image gallery swf keeps showing up anyway.  

Here is a portion of the code from the index.html that adobe bridge outputs (the one that I referenced in my <iframe>.

// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasReqestedVersion ) {
    var productInstallOETags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + 'width="550" height="200"'
    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
    + '<param name="movie" value="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=ActiveX&MMdoctitle='+MMdoctitle+'" />'
    + '<param name="quality" value="best" /><param name="bgcolor" value="#3A6EA5" />'
    + '<param name="wmode" value="transparent" />'
    + '<embed src="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=PlugIn" quality="high" bgcolor="#3A6EA5"'
    + 'width="550" height="300" wmode="transparent" name="detectiontest" aligh="middle"'
    + 'play="true"'
    + 'loop="false"'
    + 'quality="best"'
    + 'allowScriptAccess="sameDomain"'
    + 'type="application/x-shockwave-flash"'
    + 'pluginspage="http://www.adobe.com/go/getflashplayer">'
    + '<\/embed>'
    + '<\/object>';
    document.write(productInstallOETags);   // embed the Flash Product Installation SWF

and the portion of code in my webpage where I did the <iframe>

<iframe src="../custom_gallery/index.html" height="600" width="780" frameborder="0" name="custum_album" marginwidth="0" marginheight="0"></iframe>

What am I doing wrong?

And advice would be appreciated.

Thanks, Mike
0
Comment
Question by:Mike_Plug
  • 2
  • 2
4 Comments
 
LVL 1

Accepted Solution

by:
smabudhahir earned 500 total points
ID: 35193063
Add a wrapper div to your <object>or<embed> tag and add 'background-color' CSS with desired color value to the wrapper.

e.g: <div style='background-color:#[webpage_color]'> OR <div class='[color_classname]'>
           <object>....................</object>
           <embed>...................</embed>
        </div>
0
 

Author Comment

by:Mike_Plug
ID: 35193196
I tried to put this whole section of code in a div (below is the code) and just picked a color for this test, but dreamweaver tells me I have a syntax error in the line that corresponds to line 4 below.

<div style='background-color:#000066'>
// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasReqestedVersion ) {
    var productInstallOETags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + 'width="550" height="200"'
    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
    + '<param name="movie" value="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=ActiveX&MMdoctitle='+MMdoctitle+'" />'
    + '<param name="quality" value="best" /><param name="bgcolor" value="#3A6EA5" />'
    + '<param name="wmode" value="transparent" />'
    + '<embed src="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=PlugIn" quality="high" bgcolor="#3A6EA5"'
    + 'width="550" height="300" wmode="transparent" name="detectiontest" aligh="middle"'
    + 'play="true"'
    + 'loop="false"'
    + 'quality="best"'
    + 'allowScriptAccess="sameDomain"'
    + 'type="application/x-shockwave-flash"'
    + 'pluginspage="http://www.adobe.com/go/getflashplayer">'
    + '<\/embed>'
    + '<\/object>';
    document.write(productInstallOETags);   // embed the Flash Product Installation SWF
</div>
0
 

Author Comment

by:Mike_Plug
ID: 35194386
Where should I have put the <div>?

Also, when I compare all the information that I found online (where i found the info to put the transparent parameters in the <object> and <embed> tags), it seems like they are all standard html.  My html has javascript in it (the portion of code that I had pasted was the "if" part of a "if", "else if", "else"  series).   Does this make any difference for how I should go about makeing the swf background transparent?
0
 
LVL 1

Expert Comment

by:smabudhahir
ID: 35195617
Where is your <script> tag written. Is it in <head> or within the <body>?? Can you just attach the html that would help debugging faster?
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Read about why website design really matters in today's demanding market.
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

762 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now