[10年跟我学]小技巧——图中添透明FLASH

清茶一杯

    年前在SLT老先生园地里发了《如何做简单的音画？》一贴后，可能我水平不够没有讲清楚，甚感不安。反省后，觉得我有责任先把做音画的一些小技巧的做法先分别发上来，这样对初学者先掌握这些代码，后对整装的音画有了大致概念。不至于看到大堆整合的代码头疼，以致于没有信心。今天先把如何添加FLASH这一技巧发上来，大家可以照着做：

 

      1.先去找好一张图和一个透明FLASH素材。如下：

 

 

 

 

这是我找到的西湖风景图，我对这张图在PS软件稍微作了一下处理（宽700高500）然后打上了字。

 

图片的地址是：http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg 备用。

 

 

     2.再接着去找和上面图相匹配的透明FLASH

 

 

 

 

透明FLASH地址是：http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf  备用。

 

 

FLASH发上显示的代码： <P>[*flash]http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf[/flash]</P>

SLT

先说一声：谢谢清茶老师。

清茶一杯

3. 做好这两部准备步骤后，我们可以用代码把他们整合在一起，就会看到在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……

 

 

先看看我们的图片代码：

 

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

 

 

再看看图片效果。是不和平时发图一样？其实用上这组代码除了就是可以控制该图片的大小外，和平常发图没有异样。但做音画就得需要这样控制，否则不是做音画而是发图。所以请大家一定要记住这组最基本最基础的代码，拜托了。

 

 

 

 

一、Swf透明、无坐标控制

　　首先教大家最简单的插入Flash的代码，透明，无坐标控制：
　　注意wmode="transparent"是控制Flash是否透明显示的，如果不想让它显示为透明的，直接把wmode="transparent"去掉即可。

 

 

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf width=580 height=630 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>

 

 

看到这大家会问底图呢？别急，我还没把背景图合成上去。目的是让大家比较一下，上面发的不透明和透明FALSH之间代码的区别。

清茶一杯

 

 

 

这就是合成的效果图，它的完整代码是：

 

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf width=680 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE>

 

 

蓝色部分的代码是背景图的部分，红色部分代码是加透明FLASH的部分。细心的朋友可能会提出我发的前一张光是发透明比现在合成的FLASH要大，对比一下代码我只修改FLASH宽与高的数值width=680 height=400，先前是580和630。所以你知道了这FLASH大小可以按你的需要进行改动的。这是第一种方法，无控制坐标添加透明FLASH，适用单图，全覆盖画面的音画贴制作。

清茶一杯

二、Swf透明、绝对坐标控制

　　再教大家第二种方法：那就是加入绝对坐标的透明Flash，绝对坐标意味着不管你的窗口拉多大，那个Flash依然乖乖地在原地固定不动。

 

<EMBED style="LEFT: 60px; WIDTH: 468px; POSITION: absolute; TOP: 200px; HEIGHT: 160px" align=right src=http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf width=468 height=160 type=application/octet-stream ;; quality="high" wmode="transparent">

 

 

我们换一个透明FALSH来说明吧：http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf

 

 

 

 

清茶一杯

我们把这组绝对坐标控制的FLASH代码和先前背景控制的代码合成起来看看效果：

 

 

 

 

 

 

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD><EMBED style="LEFT: 400px; WIDTH: 600px; POSITION: absolute; TOP: 7150px; HEIGHT: 200px" align=right src=http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf width=600 height=200 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE>

 

从上面代码可以看到土黄色是控制改FLASH在整个帖子左右，往右你可以10~980，往左可以加上“LEFT:-1~220”。蓝色是该FLASH在帖子中大小。值得注意的是红色，它控制FLASH在整个网页上下的位置。比如我已经发到了6楼，每楼上已经有许多内容，我们是否可以这样认为，从1楼到6楼已经占有了7150高度，我的FLASH才在画面的中央。如果我这贴发在1楼的话，那估计只要TOP: 450px;就够了。否则该FLASH就可能跑到你找不到的位置上了。呵呵~~

 

总得说来，上面这些有颜色数值，都可以根据你的要求来进行设置调整的。

清茶一杯

三、Swf透明、相对坐标控制

　　最后教教大家如何加入相对坐标的透明Flash。
　　注意下面代码的table部分，这主要是使用表格作为容器，把Flash“装”到表格里，这样不管浏览者把浏览器拉多大，Flash永远和表格一起动。而且，表格可以设置背景图片，表格上面再放一个透明Flash与背景图片相配合，效果很好。

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0> <TBODY> <TR> <TD width=700 height=100><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://xt.2000y.net/106939/uploadpic/2009051214520439978.swf width="100%" height="100%" type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TD></TR></TBODY></TABLE>

清茶一杯

效果图：

 

 

看了这效果，大家是否认为，相对坐标和无坐标控制的无啥差异，其实确实是这样，只是在透明FLASH布局内容来配底图特殊使用，很多的情况下都是使用前两种的方式。

心怡的天空

晕，我还是整不明白，看起来我这笨猪是学不会了。。。。。