转 一个在HTML 中播放Flash 图片的示例

写的很详细,怕忘记这位大侠,特转

转自

作者： XuGang   网名：钢钢

出处： http://xugang.cnblogs.com

声明： 本文版权归作者和博客园共有。转载时必须保留此段声明，且在文章页面明显位置给出原文连接地址！

首先，创建一个独立的JavaScript 文件（如：flash.js）用于添加Flash 播放器。代码如下：

function CreateFlash(idad,swfurl,wad,had,vs){

var str="<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width=""+wad+"" height=""+had+"" id=""+idad+"" align="middle">";str+="<param name="allowScriptAccess" value="always">";str+="<param name="quality" value="high">";str+="<param name="wmode" value="opaque">";str+="<param name="movie" value=""+swfurl+"">";str+="<param name="flashvars" value=""+vs+"">";str+="<embed src=""+swfurl+"" flashvars=""+vs+"" quality="high" wmode = "opaque" width=""+wad+"" height=""+had+"" name=""+idad+"" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">";str+="</object>";document.write(str);}

  然后，创建一个XML 文件（如：inddata.xml）用于保存图片的路径地址。代码如下：

<data>

<l big="big_img/big_img1.jpg" small="small_img/small_img1.jpg" url="http://xugang.cnblogs.com"/>

<l big="big_img/big_img2.jpg" small="small_img/small_img2.jpg" url="http://xugang.cnblogs.com"/>

<l big="big_img/big_img3.jpg" small="small_img/small_img3.jpg" url="http://xugang.cnblogs.com"/>

</data>

注意：在此XML 文件中指定大图片和小图标的地址路径。

最后，在网页HTML 文件中，编写代码如下：

<!--  head 标签中，添加JS引用 -->

<script src="../js/flash.js" language="javascript"></script>

......

<!--  body 标签中，添加显示flash的代码 -->

<div class="bnrInd">

  <script language="javascript">

   //初始化Flash时，包含xml路径

   CreateFlash("banner", "../AboutUs/banner.swf", 1002, 280, "data=inddata.xml");

  </script>

</div>

效果如下：

<div class="bnrInd">
    <script src="https://files.cnblogs.com/xugang/flash.js" language="javascript"></script>
    <script language="javascript">
           // 初始化Flash时，包含xml路径
           CreateFlash("banner", "https://files.cnblogs.com/xugang/banner.swf", 1002, 280, 
                             "data=https://files.cnblogs.com/xugang/inddata.xml");
    </script>
</div>