A Flash Developer Resource Site

Results 1 to 5 of 5

Thread: JS menu to appear in front of Falsh banner

  1. #1
    HotDiggity!
    Join Date
    Aug 2006
    Posts
    52

    Question JS menu to appear in front of Falsh banner

    I have a JavaScript menu that appears BEHIND a Flash banner - I can't seem to get the JS menu to go IN FRONT of the Flash banner.

    Does anyone know if this can be resolved?

    I thought this would solve it:
    <param name="wmode" value="transparent">
    wmode="transparent"
    ...but it didn't.

    Any thoughts?
    Code:
    <script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','210','height','155','title','Click to read more...','src','/images/banners/current_articles','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','/images/banners/current_articles' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="210" height="155" title="Click to read more...">
      <param name="wmode" value="transparent">
      <param name="movie" value="/images/banners/current_articles.swf">
      <param name="quality" value="high">
      <embed src="/images/banners/current_articles.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="210" height="155"></embed>
    </object>
    </noscript>
    Many thanks!
    HM
    Last edited by HeadlessMonster; 05-05-2009 at 12:47 PM. Reason: added code

  2. #2
    Ryan Thomson EvolveDesigns's Avatar
    Join Date
    Oct 2001
    Location
    British Columbia
    Posts
    3,338
    is your menu wrapped in a div tag? You will probably have to tweak this a bit, but the easiest solution is to set the menu to a higher z-index. so if you had a div wrapping yourr menu you could add some css to it like

    <div style="z-index:1;">
    the menu
    </div>
    Evolve Designs Interactive Media
    the natural selection

  3. #3
    HotDiggity!
    Join Date
    Aug 2006
    Posts
    52
    Thanks EvolveDesigns!

    Though your snippet was very helpful, the problem was resolved by simply inserting -,'wmode','transparent'- in the -AC_FL_RunContent- code.

    Posh!

  4. #4
    Ryan Thomson EvolveDesigns's Avatar
    Join Date
    Oct 2001
    Location
    British Columbia
    Posts
    3,338
    I would recommend you test that in a few different browsers. I believe transparent isn't supported in all of them, but hopefully I'm wrong by now haha so annoying dealing with multiple browsers.
    Evolve Designs Interactive Media
    the natural selection

  5. #5
    HotDiggity!
    Join Date
    Aug 2006
    Posts
    52

    Thumbs up

    yup, ie, ff, and safari. all is well.

    i'll try opera though...

    thanks again!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center