【转载】如何在图片上添加flash动画？

如何在图片上添加flash动画？

为了方便说明图片+flash动画的操作过程，先提供以下一些素材：

几张背景图片的网络地址：

http://img.ph.126.net/jCjzR5P5hjUOhGeUqDwohQ==/3231051257662025311.jpg

（女人花）

http://img.ph.126.net/aBvCFhjjs00RX-j7mGYKtQ==/917045474123492721.gif  （独思女）

http://img611.ph.126.net/rsAmcCEgAvhv0AfXWBsqow==/1667739237012575383.jpg  （梅花女）

几个flash 动画的网络地址：

http://www3.6000y.com/toumingflash/swf500/woso_flash_1.swf  粉红色落叶

http://file.edmin.cn/2010/day_110313/20110313_8dbdcdb2b1c0804777eac33Zhn3833Hc.swf

（梦幻美女）

http://www3.6000y.com/toumingflash/swf500/woso_flash_2.swf  落叶

http://www3.6000y.com/toumingflash/swf500/woso_flash_3.swf  喇叭花

http://www3.6000y.com/toumingflash/swf500/woso_c_flash_2.swf  (心草花)

http://www3.6000y.com/toumingflash/swf500/woso9_flash_1.swf   （鱼泡)

http://www3.6000y.com/toumingflash/swf500/woso9_flash_3.swf   （汔球升)

http://www3.6000y.com/toumingflash/swf500/1wosowoso_flash_1.swf  雨滴

http://www3.6000y.com/toumingflash/swf500/1wosowoso_flash_2.swf  树木千秋

http://www3.6000y.com/toumingflash/swf500/1wosowoso_flash_3.swf  雪花飘

http://www3.6000y.com/toumingflash/swf500/woso4_flash_1.swf  （3个黄色蝴蝶）

http://www3.6000y.com/toumingflash/swf500/woso4_flash_2.swf   （两个黄色和许多白色小蝴蝶）

http://www3.6000y.com/toumingflash/swf500/woso4_flash_3.swf  （1个黄色和许多小蝴蝶）

图片添加flash动画，使用的代码是：

<P align=center>

<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片地址 border=0>

<TBODY>

<TR>

<TD>

<EMBED  src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

先理解这组代码：

1.    WIDTH: 460px 指背景图片的宽是460像素，HEIGHT: 336px 指背景图片的高是336像素.

2. 自己选择背景图片地址和flash动画地址，代入上面代码。代入上面代码后要把背景图片地址和flash动画地址文字删除掉。

3.如果你从博客或网上选择背景图片，可单击该图片，单击“属性”，在弹出的“属性”对话框中可看到图片的网络地址和图片的尺寸，复制图片的网络地址，以便粘贴到代码中。也可以在图片上单击鼠标右键，在弹出的快捷菜单中单击“复制图片地址”。图片的尺寸要大些，宽×高 最好大于500×600

以下是插入了背景图片地址（女人花）和flash动画地址（粉红色的花瓣飘落）后的代码：（暂改了宽和高）

<P align=center>

<TABLE style="WIDTH: 660px; HEIGHT: 436px" height=336 cellPadding=0 width=460 align=center background=http://img.ph.126.net/jCjzR5P5hjUOhGeUqDwohQ==/3231051257662025311.jpg

border=0>

<TBODY>

<TR>

<TD>

<EMBED  src=http://imgfree.21cn.com/free/flash/113.swf  width=650

height=420 type=application/x-shockwave-flash wmode="transparent"

quality="high">

</TD></TR></TBODY></TABLE>

只要你按照以下步骤一步一步操作，就一定能成功：

步骤：

1.按住鼠标左键，在上面插入了背景图片地址和flash动画地址的代码上拖过，单击右键

单击“复制”。

2．单击“写日志”按钮，弹出“写日志”编辑页面，单击源代码按钮<>，在页面

单击右键，单击“粘贴”，代码就被粘贴到编辑页面了。

3.再次单击源代码按钮<>。看到效果。

4..单击“预览“，可看到代码显示效果。

5.单击“返回编辑状态”.

6.输入日志标题名称。

7. 单击“发表日志”按钮发表。如果不发表，就单击“保存到草稿”。如果只是训练，

就单击“关闭”退出。你初步成功了！

请你进入以下训练：

训练一：

1.在代码中代入背景图片（独思女）地址和flash动画（飞腾的红心）地址。

2.操作上面的1 ，2，3 三个步骤。看到一个大框和一个虚线小框，大框是背景图

片的表框，虚线小框是flash动画表框。这里觉得动画从人物身上流过不太合适，应

把flash动画表框向右移动一下。方法是：单击“标准”按钮，单击“大”，单击“设

置”，单击“排版”文本框下拉箭头∨，单击“居右”，单击“确定”，动画即被

安排到居右位置了。

3.进行以上步骤4，5，6，7.

训练二：

1.在代码中代入背景图片（梅花女）地址和flash动画（蓝色蝴蝶飞）地址。

2.操作上面的1 ，2，3 三个步骤。看到一个大框和一个虚线小框，大框是背景图

片的表框，虚线小框是flash动画表框。看到“梅花女”身体右边和下边有部份没有

显示出来，说明背景图片的表框不够大，要扩大，要修改背景图片的表框的宽（width）

和高（height）。方法是：单击源代码按钮<>，进入源代码编辑状态，把图片的WIDTH:

460px中的460改成660，把HEIGHT: 336px 中的336改成446 ，再次单击源

代码按钮<> ，看到“梅花女”原图身体全显示出来了,修改成功。

进行上面4,5,6,7步 骤 即 可.

下面是背景图片（牵牛花）+flash 动画（梦幻女）以及“百合花”+蝴蝶 效果图 。效 果 图 如 下 ：