如何在圖片上添加多層FLASH教程 主編:風(fēng)中卓立 在一張靜態(tài)圖片上,,添加多層的flash,讓許多東西都變得生動(dòng)起來,從而異彩紛呈,,我想,,這是許多人的心愿吧,?其實(shí)達(dá)成這種心愿并不難,,使用以下代碼就能輕易解決它。雖說如此,,但操作起來還是有一定難度,,事關(guān)設(shè)計(jì)思路。試想,,如把一些毫不相干的東西互湊到一起,,風(fēng)、馬,、牛不相及,,非但沒美感,反而會(huì)啼笑皆非,。下面,,我就一些設(shè)計(jì)思路作為范例,從而把制作引導(dǎo)出來,。在素材不多,,想象空間有限的情況下,或許我制作出來的,,并不是最好的,,畢竟是一種全新的嘗試,,不振憾,也深刻,。 就設(shè)計(jì)思路而言,,通常我們應(yīng)該首先考慮如下這些,為逐層置換代碼做準(zhǔn)備: 1.靜態(tài)圖片地址:從電腦存盤中,,選擇一張靜態(tài)圖片作為底圖,,利用美圖秀秀將其美化,除去圖片上的文字(沒有當(dāng)然不用啦),,這張圖片預(yù)設(shè)是一張“湖光山色”的靜態(tài)圖片,,添加的flash圖片我們就可以考慮——因有山有水,故透明flash圖片可以為:下雨,、小船,、天鵝、飛鳥……盡量使之與靜態(tài)圖片相匹配,。將這張圖片上傳至圖書館的撰寫欄內(nèi),右擊,,點(diǎn)擊屬性,,復(fù)制靜態(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 范例圖片: 添加四層FLASH代碼: <TABLE style="WIDTH: 500px; HEIGHT: 380px" height=384 cellPadding=0 width=500 align=center background=http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690 border=0> <TBODY><TR><TD> <EMBED style="WIDTH: 500px; HEIGHT: 380px" align=right src=http://blog./upload/user/611/548696_2193910.swf width=206 height=445 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" > <EMBED style="WIDTH: 500px; HEIGHT: 380px" align=right src=http://blog./upload/user/611/548696_2193037.swf width=206 height=445 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" > <EMBED style="WIDTH: 500px; HEIGHT: 380px" align=right src=http://blog./upload/user/611/548696_274412.swf width=206 height=445 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" > <EMBED style="WIDTH: 500px; HEIGHT: 380px" 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" > </TD></TR></TBODY></TABLE></P> 代碼略解: http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690 為圖片地址 http://hexun.com/flash/yu_4.swf 這是FLASH地址 WIDTH: 500px; HEIGHT: 380px 此為寬與高,數(shù)字大小根據(jù)圖片大小調(diào)整,。 靜態(tài)圖片(底圖)代碼為: <TABLE style="WIDTH: 500px; HEIGHT: 380px" height=384 cellPadding=0 width=500 align=center background=http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690 border=0> <TBODY><TR><TD> 想加入多少層FLASH,,就加入多少層,,把下面代碼插入進(jìn)去,依次添加,,把FLASH地址替換就可以了,。 需要插入的代碼為: <EMBED style="WIDTH: 500px; HEIGHT: 380px" 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" > |
|