Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How can I put an image on top of Flash

Posted on 2008-10-08
5
Medium Priority
?
137 Views
Last Modified: 2010-04-25
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
Comment
Question by:gflorian
[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
  • 3
  • 2
5 Comments
 
LVL 14

Accepted Solution

by:
yessirnosir earned 2000 total points
ID: 22671698
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
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22671715
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
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22672187
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
 

Author Closing Comment

by:gflorian
ID: 31504356
Thank you for all your help
0
 

Author Comment

by:gflorian
ID: 22704224
Thanks
0

Featured Post

Independent Software Vendors: 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

This is intended to introduce all collision detection principles in flash, their strengths, weaknesses and workarounds. The main method for Collision Detection in flash is using hitTestObject. But unless you'll be pushing rectangular shapes without …
While working over numerous projects I often had the requirement for doing a screen capture in AS3.0. Unfortunately I found no "ready made" solutions in google search that suited my requirements. But I did come across some great resources which help…
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.
This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

730 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