Question

我有闪存可能需要一些时间来加载。我想通知用户它正在加载，他们应该等待。我在想的是我可以将文本放在flash内容下，当flash内容加载时，文本将被内容隐藏。这是我到目前为止所做的：

<object id="call-widget" type="application/x-shockwave-flash" data="https://clients4.google.com/voice/embed/webCallButton" width="230" height="85">
  <param name="movie" value="https://clients4.google.com/voice/embed/webCallButton" />
  <param name="wmode" value="transparent" />
  <param name="FlashVars"  value="id=a8dd9c58da5043dca0e879988f5cadc447e74f7a&style=0" />
</object>
<span style="z-index:-1;">Google Voice is loading...</span>

这会将文字“Google Voice正在加载...”旁边的Flash内容而不是加载。如果我放position:fixed或position:absolute但是我在TINYBox2中设置了这个html并且通过将位置设置为固定它可以将内容偏离TINY框（看起来不自然）。有什么方法可以将<span>放在TINYBox2的中心并放在flash内容的后面吗？

注意：我无法控制闪存（由Google Voice提供）

以下是TINYBox2代码：

TINY.box.show({html: theHtmlYouSeeAbove});

它应该是什么样的：

With text behind

闪存内容背后的文字只有在加载时才能看到。

Answer 1

可能你可以做相反的事情。首先加载Flash并在flash上将加载文本放在浮动div中。要做到这一点，只需要使用css z-index属性。然后当加载闪光灯时，您可以通过执行隐藏技巧的一些javascript函数，简单地从闪光灯内部隐藏div。

对于顶部的div，只需用你想要的文本/ html和css做一个div

<div id="splash" style="position:absolute;z-index:1000;top:10px;width:100px;height:200px;" >the flash is loading...</div>

从flash文件内部加载后（例如在第一帧），放一些像这样的代码......

getURL("javascript:myfunction();");

将这个js放在你的HTML中......

<script language="javascript">
function myfunction() {
   $('splash').hide();
}
</script>

谢谢！，

@leo。 [R

Answer 2

因为你正在使用TinyBox，所以将它应用于tinner类

.tinner {
  position:relative;
}

现在你可以使用绝对位置的span，并给出相对于div的顶部/左/右/底部位置（.tinner假设TinyBox）。不要担心z-index，因为flash文件肯定会在它之上。

如何将flash放在文本上

2 个答案: