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

迎友松休闲乐园

勤奋造就成功,懒惰摧毁天才.,祝朋友工作顺利、事业辉煌、生活愉快、吉祥安康!

 
 
 

日志

 
 

大图片切割后的连接方法  

2010-11-09 14:49:19|  分类: 网络教学 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
大图片切割后的连接方法 - 海阔天空 - 迎友松家园
大图片切割后的连接方法 - 海阔天空 - 迎友松家园
大图片切割后的连接方法 - 海阔天空 - 迎友松家园






有好些人问我切割图片后怎么链接?其实我对代码懂得也不多,现就平时常用链接的方法列出两个例子吧,仅供初学音画的朋友参考,高手就不要看了>>>>>>>>>   本例大图片为1000*1500,切割成三张小图,每张为1000*500,图片如下,点击图片可看实际大小

screen.width-333)this.width=screen.width-333" border=0>

screen.width-333)this.width=screen.width-333" border=0>

screen.width-333)this.width=screen.width-333" border=0>

图片地址:第一张:http://nnwkl.16789.net/domName/nnwkl/200710923124944576.jpg

         第二张:http://nnwkl.16789.net/domName/nnwkl/200710923132474283.jpg

         第三张:http://nnwkl.16789.net/domName/nnwkl/200710923521531991.jpg

 

一、简单的链接方法:以下红色部分为图片地址:

<TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>

<IMG src="http://nnwkl.16789.net/domName/nnwkl/200710923124944576.jpg"><BR>

<IMG src="http://nnwkl.16789.net/domName/nnwkl/200710923132474283.jpg"><BR>

<IMG src="http://nnwkl.16789.net/domName/nnwkl/200710923521531991.jpg"><BR>

</TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR>
 

效果: (感觉贴子是不是偏右了,把以上代码中的“LEFT: -120px”改大些,改为125或128试试看效果)

大图片切割后的连接方法 - 海阔天空 - 迎友松家园
大图片切割后的连接方法 - 海阔天空 - 迎友松家园
大图片切割后的连接方法 - 海阔天空 - 迎友松家园

 

 

二、插入透明FLASH的链接方法:

 

<TABLE style="LEFT: -128px; WIDTH: 1000px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD background=http://nnwkl.16789.net/domName/nnwkl/200710923124944576.jpg height=500> </TD></TR>
<TR>

<TD background=http://nnwkl.16789.net/domName/nnwkl/200710923132474283.jpg height=500></TD></TR>
<TR>
<TD background=http://nnwkl.16789.net/domName/nnwkl/200710923521531991.jpg height=500></TD></TR>
<EMBED style="LEFT:200; WIDTH: 700px; top: 100; POSITION: absolute; HEIGHT: 300px" src=http://nnwkl.16789.net/domName/nnwkl/20073618564492202.swf type=application/octet-stream ;; quality="high" wmode="transparent">
<EMBED style="LEFT: 100; WIDTH: 1000px; top: 500; POSITION: absolute; HEIGHT: 500px" src=http://nnwkl.16789.net/domName/nnwkl/200612229503136214.swf type=application/octet-stream ;; quality="high" wmode="transparent">
<EMBED style="LEFT:100; WIDTH: 1000px; BOTTOM: 200; POSITION: absolute; HEIGHT: 200px" src=http://nnwkl.16789.net/domName/nnwkl/200612229552858589.swf type=application/octet-stream ;; quality="high" wmode="transparent">
</TBODY></TABLE><BR><BR><BR><BR><BR><BR>

 

 

注:1、蓝色部分为插入透明FLASH代码,下划线的数值是调整FLASH的位置:leftFlash位于贴子的左边距离;topFlash与贴子顶部对齐距离BOTTOMFlash与贴子底部对齐距离。WIDTH、HEIGHT的数值是Flash的宽和高,按你的喜欢调整吧,不过得花点心思哦

  2、以上代码是三组图,如果五组图怎么办呢?以上绿色代码为一组图,复制绿色部分在</TD></TR>后面粘贴两次就可以得到五组图片的代码了

 

效果:




最后加上音乐贴子编辑就基本完成了,加音乐代码跟普通贴子一样的方法:

点击进入看更多精彩内容

迎友松欢迎你再次光临指导
  评论这张
 
阅读(458)| 评论(16)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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