大图片切割后的连接方法

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

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

图片地址：第一张：http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_1.jpg

         第二张：http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_2.jpg

         第三张：http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_3.jpg

 

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

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

<IMG src="http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_1.jpg"><BR>

<IMG src="http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_2.jpg"><BR>

<IMG src="http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_3.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://image27.360doc.com/DownloadImg/2011/04/2615/11241622_1.jpg height=500> </TD></TR>
<TR>
<TD background=http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_2.jpg height=500></TD></TR>
<TR>
<TD background=http://image27.360doc.com/DownloadImg/2011/04/2615/11241622_3.jpg height=500></TD></TR>
<EMBED style="LEFT:200; WIDTH: 700px; top: 100; POSITION: absolute; HEIGHT: 300px" src=http://nnwkl./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./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./domName/nnwkl/200612229552858589.swf type=application/octet-stream ;; quality="high" wmode="transparent">
</TBODY></TABLE><BR><BR><BR><BR><BR><BR>

 

 

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

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

 

效果：

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