如何在加载所有图像和文本后加载 swf？答案

【问题标题】：How to make the swf load after all the images and text loaded?如何在加载所有图像和文本后加载 swf？
【发布时间】：2010-03-13 08:04:30
【问题描述】：

我的 CMS 系统允许人们在我的主页上发布一些 SWF，但是，有时 SWF 中包含一个视频（不是两个文件，如 swf+flv）。当 SWF 视频加载时，它会耗尽带宽，因此页面在一段时间内似乎没有响应。我可以使用 jQuery 来控制页面中的所有 SWF，它们在其他页面完成后加载吗？或者也许只是在 3 秒后加载它？

谢谢！

【问题讨论】：

标签： javascript jquery flash

【解决方案1】：

使用AJAX 获取.swf 并动态添加到页面。或者，

将.swf 的html 放在</body> 标记之前，样式为display:none，并使用JavaScript 将其添加到正确的节点。

$.ready(function(){
   //move swf to proper place
});

【讨论】：

【解决方案2】：

也许您应该将您的 Flash 文件包装在 div 标记中

<div id="image" align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="281" height="28">
<param name="movie" value="whatever.swf">
<param name="quality" value="high">
<embed src="contactb.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="281" height="28"></embed>
</object>
</div>

并使用以下 CSS 代码：

.image {
display: none;
}

然后在您的最后一个图像声明中调用onload 事件，该事件将显示 swf 块

<img onload="document.getElementById('image').style.display = 'block'" src="whatever" />

祝你好运！

【讨论】：