• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 139
  • Last Modified:

How can I put an image on top of Flash

I'm working on a webpage and I would like to have an image showing on top of a flash file, but the picture is showing underneath the flash.  How can I put the image on top of flash?
0
gflorian
Asked:
gflorian
  • 3
  • 2
1 Solution
 
yessirnosirCommented:
You likely need to add "wmode" and "transparent" parameters to your flash code.  eg see code below from a similar recent post for an example  If it doesn't work by just adding the "wmode" and "transparent" parameters, post back with your code; you may also have to mess with z-index or other elements of your styles.
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','750','height','250','id','move2firstalliance','align','middle','src','move2firstalliance','quality','high','bgcolor','#ffffff','name','move2firstalliance','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','move2firstalliance' ); //end AC code
      </script>
      <noscript>
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="750" height="250" id="move2firstalliance" align="middle">
                  <param name="allowScriptAccess" value="sameDomain" />
                  <param name="movie" value="move2firstalliance.swf" />
                  <param name="quality" value="high" />
                  <param name="wmode" value="transparent" />
                  <param name="bgcolor" value="#ffffff" />
                  <embed src="move2firstalliance.swf" quality="high" bgcolor="#ffffff" width="750" height="250" name="move2firstalliance" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent">    </embed>
        </object>
        </noscript>

Open in new window

0
 
yessirnosirCommented:
note that in the example the wmode and transparent parameters occur TWICE, once way over near the right end of the line that begins with "AC_FL_RunContent" and a second time in the <noscript> block.  Depending on your setup, you may have only one of these two blocks, or both.
0
 
yessirnosirCommented:
sorry for verbal diarrhea but I just realized that the transparency parameters occur a THIRD time, at the right end of the <embed> line as well.
also, just had a quick look at the stylesheet of of a page I setup with an image overlaying a flash object, and I didn't have to use z-index at all, just absolute positioning of the overlay div, plus those transparency parameters.
0
 
gflorianAuthor Commented:
Thank you for all your help
0
 
gflorianAuthor Commented:
Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now