如何在图片上添加多层教程
⇨⇦
如何在图片上添加多层FLASH教程
主编：风中卓立
在一张静态图片上，添加多层的flash，让许多东西都变得生动起来，从而异彩纷呈，我想，这是许多人的心愿吧？其实达成这种心愿并不难，使用以下代码就能轻易解决它。虽说如此，但操作起来还是有一定难度，事关设计思路。试想，如把一些毫不相干的东西互凑到一起，风、马、牛不相及，非但没美感，反而会啼笑皆非。下面，我就一些设计思路作为范例，从而把制作引导出来。在素材不多，想象空间有限的情况下，或许我制作出来的，并不是最好的，毕竟是一种全新的尝试，不振憾，也深刻。
就设计思路而言，通常我们应该首先考虑如下这些，为逐层置换代码做准备：
1.静态图片地址：从电脑存盘中，选择一张静态图片作为底图，利用美图秀秀将其美化，除去图片上的文字（没有当然不用啦），这张图片预设是一张＂湖光山色＂的静态图片，添加的flash图片我们就可以考虑——因有山有水，故透明flash图片可以为：下雨、小船、天鹅、飞鸟……尽量使之与静态图片相匹配。将这张图片上传至图书馆的撰写栏内，右击，点击属性，复制静态图片地址，备用（如——
http://userimage5.360doc.com/14/0621/23/7494381_201406212345390747.jpg
）。
2.透明flash地址：从第一层起至第四层止，依次（符合逻辑、合情合理）为：
<1>下雨——<!--1-->
http://hexun.com/flash/yu_4.swf
<2>小船——<!--2-->
http://www.flash1890.com/swf/sucai/chuan/28.swf
<3>天鹅——<!--3-->
http://pendant.360doc.com/1/73.swf
<4>飞鸟——<!--4-->
http://www3.6000y.com/toumingflash/swf500/woso7_flash_3.swf
3.有了上述1及2点的准备，就可以利用以下代码，转入实质性制作阶段了：操作步骤——将以下＂添加四层FLASH代码＂（不允许有丝毫错码、错位）复制粘贴至图书馆撰写栏空白处模板内，把静态图片地址及透明flash地址从1至4依次置换入各层的代码内，宽与高根据实际情况需要，可调整可不调整；点击左上角＂全选箭头＂，点击左上角＂剪切＂，点击左下角的＂代码编辑＂，在撰写栏左上角的
低一行顶端处，复制粘贴已置换了静态图片地址及透明flash地址的代码，再点击＂代码编辑＂，即可看到那可爱的动静结合图片了。范例图片：
添加四层FLASH代码：
<table style=＂＂WIDTH:＂ height:=＂＂ height=＂384＂ cellpadding=＂0＂ width=＂500＂ align=＂center＂ background=＂http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690＂ border=＂0＂></table>
<table><tbody><tr><td>
</td></tr></tbody></table>
<embed style=＂＂WIDTH:＂ height:=＂＂ align=＂right＂ src=＂http://blog.lanyue.com/upload/user/611/548696_2193910.swf＂ width=＂206＂ height=＂445＂ type=＂application/x-shockwave-flash＂ wmode=＂＂transparent＂＂ quality=＂＂high＂＂ allownetworking=＂＂internal＂＂/>
<embed style=＂＂WIDTH:＂ height:=＂＂ align=＂right＂ src=＂http://blog.lanyue.com/upload/user/611/548696_2193037.swf＂ width=＂206＂ height=＂445＂ type=＂application/x-shockwave-flash＂ wmode=＂＂transparent＂＂ quality=＂＂high＂＂ allownetworking=＂＂internal＂＂/>
<embed style=＂＂WIDTH:＂ height:=＂＂ align=＂right＂ src=＂http://blog.lanyue.com/upload/user/611/548696_274412.swf＂ width=＂206＂ height=＂445＂ type=＂application/x-shockwave-flash＂ wmode=＂＂transparent＂＂ quality=＂＂high＂＂ allownetworking=＂＂internal＂＂/>
<embed style=＂＂WIDTH:＂ height:=＂＂ align=＂right＂ src=＂http://hexun.com/flash/zhiwu_21.swf＂ width=＂206＂ height=＂445＂ type=＂application/x-shockwave-flash＂ wmode=＂＂transparent＂＂ quality=＂＂high＂＂ allownetworking=＂＂internal＂＂/>
代码略解：
http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690为图片地址
http://hexun.com/flash/yu_4.swf这是FLASH地址
WIDTH:500px;HEIGHT:380px此为宽与高，数字大小根据图片大小调整。
静态图片（底图）代码为：
<table style=＂＂WIDTH:＂ height:=＂＂ height=＂384＂ cellpadding=＂0＂ width=＂500＂ align=＂center＂ background=＂http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690＂ border=＂0＂></table>
<table><tbody><tr><td>
</td></tr></tbody></table>
想加入多少层FLASH，就加入多少层，把下面代码插入进去，依次添加，把FLASH地址替换就可以了。
需要插入的代码为：
<embed style=＂＂WIDTH:＂ height:=＂＂ align=＂right＂ src=＂http://hexun.com/flash/zhiwu_21.swf＂ width=＂206＂ height=＂445＂ type=＂application/x-shockwave-flash＂ wmode=＂＂transparent＂＂ quality=＂＂high＂＂ allownetworking=＂＂internal＂＂/>