您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教材>>>编贴教程>>>大图片切割后的连接方法
大图片切割后的连接方法
发表日期:2007-12-27 11:51:00 出处:未知 作者:兰心 发布人:兰心 已被访问 4144

 

      有好些人问我切割图片后怎么链接?其实我对代码懂得也不多,现就平时常用链接的方法列出两个例子吧,仅供初学音画的朋友参考,高手就不要看了>>>>>>>>>   点击看本例《知己》 

本例大图片为1000*1500,切割成三张小图,每张为1000*500,图片如下,点击图片可看实际大小


图片地址:第一张: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>后面粘贴两次就可以得到五组图片的代码了

 

效果:




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

>>>>>如何在贴子插入音乐代码


双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



nnwkl
(2008-10-12 21:25:00)

图片切割是在PS软件里进行的,PS工具栏里有个叫“切片选取工具”


youyoubhe
(2008-10-11 23:30:00)

不知道那个图片是怎么切割的哦,楼主可以教下吗?
先谢了。


youyoubhe
(2008-10-11 23:28:00)

谢谢楼主,收藏了哎。


tm11111
(2008-9-6 20:18:00)

慢慢的学习!


心梦
(2008-3-16 21:46:00)

兰心,不是你发我,我还真不知道有这个教程的。嘿  嘿 我真是懒出名了。

 发表评论:共有 10 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

兰幽空间 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:心梦、劳拉