【原】如何在圖片上添加多層FLASH教程

風中卓立 2014-06-22

展開全文

如何在圖片上添加多層FLASH教程

主編：風中卓立

在一張靜態(tài)圖片上，添加多層的flash，讓許多東西都變得生動起來，從而異彩紛呈，我想，這是許多人的心愿吧？其實達成這種心愿并不難，使用以下代碼就能輕易解決它。雖說如此，但操作起來還是有一定難度，事關設計思路。試想，如把一些毫不相干的東西互湊到一起，風、馬、牛不相及，非但沒美感，反而會啼笑皆非。下面，我就一些設計思路作為范例，從而把制作引導出來。在素材不多，想象空間有限的情況下，或許我制作出來的，并不是最好的，畢竟是一種全新的嘗試，不振憾，也深刻。

就設計思路而言，通常我們應該首先考慮如下這些，為逐層置換代碼做準備：

1.靜態(tài)圖片地址：從電腦存盤中，選擇一張靜態(tài)圖片作為底圖，利用美圖秀秀將其美化，除去圖片上的文字（沒有當然不用啦），這張圖片預設是一張“湖光山色”的靜態(tài)圖片，添加的flash圖片我們就可以考慮——因有山有水，故透明flash圖片可以為：下雨、小船、天鵝、飛鳥……盡量使之與靜態(tài)圖片相匹配。將這張圖片上傳至圖書館的撰寫欄內(nèi)，右擊，點擊屬性，復制靜態(tài)圖片地址，備用（如——

http://userimage5.360doc.com/14/0621/23/7494381_201406212345390747.jpg

）。

2.透明flash地址：從第一層起至第四層止，依次（符合邏輯、合情合理）為：

<1>下雨——

http://hexun.com/flash/yu_4.swf

<2>小船——

http://www./swf/sucai/chuan/28.swf

<3>天鵝——

http://pendant.360doc.com/1/73.swf

<4>飛鳥——

http://www3./toumingflash/swf500/woso7_flash_3.swf

3.有了上述1及2點的準備，就可以利用以下代碼，轉入實質性制作階段了：操作步驟——將以下“添加四層FLASH代碼”（不允許有絲毫錯碼、錯位）復制粘貼至圖書館撰寫欄空白處模板內(nèi)，把靜態(tài)圖片地址及透明flash地址從1至4依次置換入各層的代碼內(nèi)，寬與高根據(jù)實際情況需要，可調整可不調整；點擊左上角“全選箭頭”，點擊左上角“剪切”，點擊左下角的“代碼編輯”，在撰寫欄左上角的<P> </P>低一行頂端處，復制粘貼已置換了靜態(tài)圖片地址及透明flash地址的代碼，再點擊“代碼編輯”，即可看到那可愛的動靜結合圖片了。

范例圖片：

添加四層FLASH代碼：