【原】大图音画插入透明flash代码——海市蜃楼

关于大图音画的制作ps部分请参照我的日志“Ps制作大图—水乡小镇【原创】”，在这里就不多说了。

今天主要归纳一下在大图上插入透明flash的问题。

由于用ps制作的大图一般由切片通过代码组合而成，因此在各切片上插入透明flash成为在大图上插入透明flash的源代码HTML编辑方法。

也试过网上提供的一些代码，可插入的flash不是不透明，就是其高度影响整个大图，要不就是插入的透明flash没有显示的插件，并且有缝隙，林林总总，漏洞很多。

通过大量实践，归纳出以下代码，它既能解决切片间的无缝衔接，又能实现在大图上插入透明flash的问题。以大图音画【海市蜃楼】在4个切片上插入4个透明flash的代码为例：

<table align="center" height="572" cellspacing="0" cellpadding="0" width="851" background="http://userimage8.360doc.com/17/1129/17/27011981_201711291751210002728372.jpg" border="0" style="text-align: Ieft;"><tbody><tr><td><font><embed height="250" allownetworking="internal" align="center" width="400" allowscriptaccess="never" loop="0" invokeurls="false" src="http://pp6143.com./s50.swf" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>  

<table align="center" height="573" cellspacing="0" cellpadding="0" width="851" background="http://userimage8.360doc.com/17/1129/17/27011981_201711291751210986540292.jpg" border="0"><tbody><tr><td><font><embed height="450" allownetworking="internal" align="right" width="800" allowscriptaccess="never" loop="0" invokeurls="false" src="http://www./swf/sucai/niao/39.swf" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>  

<table align="center" height="572" cellspacing="0" cellpadding="0" width="851" background="http://userimage8.360doc.com/17/1129/17/27011981_201711291751200721498987.jpg" border="0"><tbody><tr><td><font><embed height="250" allownetworking="internal" align="right" width="780" allowscriptaccess="never" loop="0" invokeurls="false" src="http://yf./toumingflash/02/055.swf" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>  

<table align="center" height="572" cellspacing="0" cellpadding="0" width="851" background="http://userimage8.360doc.com/17/1129/17/27011981_201711291751200830428951.jpg" border="0"><tbody><tr><td><font><embed height="250" allownetworking="internal" align="Ieft" width="780" allowscriptaccess="never" loop="0" invokeurls="false" src="http://yf./toumingflash/01/025.swf" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>

大图的4个切片素材

 切片1

 切片2

 切片3

 

 

 

切片4

通用代码：

<table align="center" height="切片高度" cellspacing="0" cellpadding="0" width="切片宽度" background="切片地址" border="0"><tbody><tr><td><font><embed height="透明flash高度" allownetworking="internal" align="right" width="透明flash宽度" allowscriptaccess="never" loop="0" invokeurls="false" src="透明flash地址" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>  

说明：

1、以上是在一个切片上插入一个透明flash的代码，以此类推，有几个切片就紧挨着加几个如上代码；

2、也可以在一个切片上插入两个或几个透明flash，只要在<font>和</font>之间加两个或几个代码：

<embed height="透明flash高度" allownetworking="internal" align="right" width="透明flash宽度" allowscriptaccess="never" loop="0" invokeurls="false" src="透明flash地址" type="application/x-shockwave-flash" wmode="transparent">

3、align="center"指切片居中，align="right"指透明flash右对齐，也可以左对齐Ieft或居中center。

可在实际操作过程中又遇到这样一个问题，如果包括边框也用ps制作，那么切片就连边框一起切，而插入的透明flash素材是对整个切片宽度和高度而言的，那么flash图片就在边框有影响，我们用下面的代码可以解决这一问题：

<table align="center" height="切片高度" cellspacing="0" cellpadding="0" width="切片宽度" background="切片地址" border="0" style="text-align: center;"><tbody><tr><td><font><embed height="透明flash高度" allownetworking="internal" align="center" width="透明flash宽度" allowscriptaccess="never" loop="0" invokeurls="false" src="透明flash地址" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>

也就是在border="0" 和<tbody>之间加上style="text-align: center;"这样一个段落格式信息，并且flash宽度最大限制在剔除边框部分。

其它情况和上述的说明一样。

*不插入flash的大图音画代码：

<table align="center" height="切片高度" cellspacing="0" cellpadding="0" width="切片宽度" background="切片地址" border="0"><tbody><tr><td><font></font></td></tr></tbody></table>