0

我有闪光灯，可能需要一些时间才能加载。我想通知用户它正在加载，他们应该等待。我在想的是我可以将文本放在 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 内容旁边而不是其后面。如果我把这个 html 放在一个TINYBox2position:fixed中或者我有这个 html并通过将位置设置为固定它可以将内容从 TINY 框中偏移（看起来不自然），它可以正常工作。有什么办法可以把它放在 TINYBox2 的中心并放在 Flash 内容的后面吗？position:absolute<span>

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

以下是 TINYBox2 代码：

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

它应该是这样的：

后面有文字

只有在加载时才能看到 Flash 内容后面的文本。

4

2 回答 2

1

由于您使用的是 TinyBox，因此将其应用于 tinner 类

.tinner {
  position:relative;
}

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

于 2013-03-07T01:07:20.873 回答
1

也许你可以做相反的事情。首先加载 Flash，然后在 Flash 上将加载文本放在浮动 div 中。为此，只需使用 css z-index 属性。然后，当 Flash 被加载时，您可以简单地从 Flash 内部隐藏 div，方法是执行一些执行隐藏技巧的 javascript 函数。

对于顶部的 div，只需使用所需的 text/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

于 2013-03-07T00:46:25.553 回答