【博技制作】【33张图片无缝拼接技巧】

 

多张PS小图无缝拼接技巧

大家都知道，以前的图片和FLASH拼接技巧，在新版浏览器已经不适用了，现在一些朋友采用大图音画的定位代码去拼合，那样实在是太辛苦了，阿芳尝试出一种较为简便方法来拼合，呵呵，上面西游记音画的图片大多，阿芳另外找来一些小图，让大家查看其效果，代码如下：

<CENTER>
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=972 height=750>
<TBODY>
<TR>
<TD height=750 width=486><IMG title="2011年09月03日" alt="2011年09月03日 " src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD>
<TD height=750 width=486><IMG title="2011年09月03日" alt="2011年09月03日 " src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD></TR></TBODY></TABLE></CENTER>
<CENTER>
<TABLE style="MARGIN-TOP: -6px" border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=972 height=750>
<TBODY>
<TR>
<TD height=750 width=486><IMG title="2011年09月03日 - 舒芳诗林 - 舒芳诗林的博客" alt="2011年09月03日 - 舒芳诗林 - 舒芳诗林的博客" src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD>
<TD height=750 width=486><IMG title="2011年09月03日" alt="2011年09月03日 " src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD></TR></TBODY></TABLE></CENTER>

<CENTER>
<TABLE style="MARGIN-TOP: -7px" border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=972 height=750>
<TBODY>
<TR>
<TD height=750 width=486><IMG title="2011年09月03日 " alt="2011年09月03日 " src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD>
<TD height=750 width=486><IMG title="2011年09月03日 " alt="2011年09月03日" src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD></TR></TBODY></TABLE></CENTER>

参数详解： 

1.多张小图横向拼接代码：

<CENTER>
<TABLE style="MARGIN-TOP: -6px" border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=972 height=750>
<TBODY>
<TR>
<TD height=750 width=486><IMG title="2011年09月03日 - 舒芳诗林 - 舒芳诗林的博客" alt="2011年09月03日 - 舒芳诗林 - 舒芳诗林的博客" src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD>
<TD height=750 width=486><IMG title="2011年09月03日 " alt="2011年09月03日" src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></TD></TR></TBODY></TABLE></CENTER>

其中：style="MARGIN-TOP: -6px" 为定位代码，要增加或减少拼合的图片，只需增加或减少黄色部分的代码，要求 width=972 为每行所有图片宽度的总和，不过我们的日志显示宽度不会超过width=900，因此大家在选图的时候，图片宽度的总和不要超过width=900，每一横向拼接的图片高度尺寸应相同

2.要往下再拼接图片，只要把<CENTER>.......</CENTER> 复制一遍重新定位就好了