注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小青岛博客

山不在高、水不在深、有灵则行、

 
 
 

日志

 
 

【转载】大图音画插入透明flash代码【原创】  

2014-12-07 18:31:43|  分类: 博客教学 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
关于大图音画的制作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://img1.ph.126.net/_iFXuivbmIA4ftGgND5dZQ==/6608769669887504071.jpg" border="0"><tbody><tr><td><font><embed height="250" allownetworking="internal" align="right" width="850" allowscriptaccess="never" loop="0" invokeurls="false" src="http://pp6143.com.ne.kr/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://img1.ph.126.net/y-W2FY6BFXFf9hOKX70kJg==/6608774067934015192.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.flash1890.com/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://img0.ph.126.net/njT8OXdEcRnTSDHApKtobg==/6608712495282859209.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.6000y.com/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://img1.ph.126.net/3Ilaf5v6mns3nXEt_nRsZg==/2253770138622847774.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.6000y.com/toumingflash/01/025.swf" type="application/x-shockwave-flash" wmode="transparent"></font></td></tr></tbody></table>
效果图


大图的4个切片素材

大图音画插入透明flash代码【原创】 - 漫步 - .
 切片1
大图音画插入透明flash代码【原创】 - 漫步 - .
 切片2
大图音画插入透明flash代码【原创】 - 漫步 - .
 切片3
大图音画插入透明flash代码【原创】 - 漫步 - .
 
切片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宽度最大限制在剔除边框部分。
其它情况和上述的说明一样。 漫步家园点击查看漫步家园 更多精彩
  评论这张
 
阅读(20)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017