出现在Flash下的Jquery脚本

时间:2011-02-06 05:44:12

标签: jquery flash hover z-index

我有一个打开的jquery脚本框,它出现在我的flash后面。

运行闪存的javascrip是

  

      // JAVASCRIPT VARS
      // cache buster
      var cacheBuster = "?t=" + Date.parse(new Date());       

      // stage dimensions
      // if you define '100%' then the swf will have the browser dimensions
      var stageW = "330";//"100%";
      var stageH = "435";//"100%";


      // ATTRIBUTES
      var attributes = {};
      attributes.id = 'GalleryRight';
      attributes.name = attributes.id;

      // PARAMS
      var params = {};
      params.bgcolor = "#ffffff";


      /* FLASH VARS */
      var flashvars = {};             

      /// if commented / delete these lines, the component will take the stage dimensions defined 
      /// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml         
      flashvars.componentWidth = stageW;
      flashvars.componentHeight = stageH;

      /// path to the content folder(where the xml files, images or video are nested)
      /// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")

      flashvars.pathToFiles = "fadeinout/";
      flashvars.xmlPath = "xml/fadeinout-right.xml";                      

      /** EMBED THE SWF**/
      swfobject.embedSWF("preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", >"js/expressInstall.swf", flashvars, params);
      if(swfmacmousewheel) swfmacmousewheel.registerObject(attributes.id);


  </script>

我听说我需要把

  

param name =“wmode”value =“transparent”

  

so.addParam(“wmode”,“opaque”);

这样的东西可以让它在我的jquery之下。

如何编辑,以便将jquery脚本悬停在闪存上。

与我的html中的flash相关的是

<table width="330px" height="435px" cellpadding="0" cellspacing="0">
        <td align="center">

            <div id="GalleryRight">
                <p>In order to view this object you need Flash Player 9+ support!</p>
                <a href="http://www.adobe.com/go/getflashplayer">
                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
                </a>
            </div>
        </td>
    </table>

那么我怎样才能获得它以便JQUERY脚本框打开这个flash?

谢谢!非常赞赏!

1 个答案:

答案 0 :(得分:2)

添加“params”的方法如下所示。我只是扩展了你已经拥有的东西(添加了新的一行)

// PARAMS
var params = {};
params.bgcolor = "#ffffff";
params.wmode = "opaque"

如果让Flash播放器变得不透明,那么它应该是应该工作的答案。如果这不起作用那么你可以尝试(除了opaque之外)将你的播放器的z-index设置为较低的数量来增加jQuery脚本框的z-index(不确定是什么)。

因此,在您的html中,将“GalleryRight”div标签修改为以下内容:

<div id="GalleryRight" style="z-index: 1;">

您可能必须以类似的方式设置脚本框的z-index。 z-index属性指定元素的堆栈顺序。堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。但请注意,z-index仅适用于定位元素。看起来您的脚本框已定位。但你的Flash播放器不是。所以你可能需要定位它。在您的情况下,相对位置可能有效。

只有你真的必须这样才能做z-index事。