分享

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

 寒冷的冰凌雪 2014-08-21

 漂亮的风景日志边框 - 卓卓 - .

如何在图片上添加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./toumingflash/swf500/woso_flash_1.swf  粉红色落叶

 

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

(梦幻美女)

  

http://www3./toumingflash/swf500/woso_flash_2.swf  落叶

 

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

 

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

 

http://www3./toumingflash/swf500/woso9_flash_1.swf   (鱼泡)

 

http://www3./toumingflash/swf500/woso9_flash_3.swf   (汔球升)

 

 

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

 

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

 

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

 

 

http://www3./toumingflash/swf500/woso4_flash_1.swf  (3个黄色蝴蝶)

 

http://www3./toumingflash/swf500/woso4_flash_2.swf   (两个黄色和许多白色小蝴蝶)

 

http://www3./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.单击“写日志”按钮,弹出“写日志”编辑页面,单击源代码按钮<>,在页面

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

哈哈,图片添加flash动画,原来那么简单! - olay - olay的博客

 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 动画(梦幻女)以及“百合花”+蝴蝶 效果图 。效 果 图 如 下 :


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多