|
大图音画的切割及拼合发表方法
由于图片较大，在博客打开较慢，如果我们把它切割成多张小图，这样打开就快很多！最近有两位朋友问我这问题，今天发表成日志希望有朋友用的着！
我们先来看一下音画在ps里的切割，音画做好后会有很多图层，不需要合并图层（因为有时候因为图层的叠加模式不同，图层合并后会变了效果，不能合并，也不需要盖印图层），直接切割保存即可！方法和下面这张图的切割一样！
音画做好后，切割方法按下面截图操作：
保存到电脑后，如果上传到博客（宽度大于910像素上传到博客相册，记得勾选上传原图即冲印上传），上传后本例切割成如下三图：
这样切割后，直接发表，音画上下两张图片间会有间隙，那么我们的借用边框代码来给它拼合！基本代码如下：
<P align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR height=第一张图片高度>
<TD width=第一张图片宽度 background=第一张图片地址>
</TD></TR>
<TR height=第2张图片高度>
<TD width=第2张图片宽度 background=第2张图片地址>
</TD></TR>
<TR height=第3张图片高度>
<TD width=第3张图片宽度 background=第3张图片地址>
</TD></TR>
</TBODY></TABLE></P>
代码说明：
1、本例是三张图片，所以代码中间是三段和红色代码“<TR >.......</TD></TR>”一样的代码，根据你自己的需要，切割成多少份就用多少段这样的代码，复制红色的代码加在红色代码后面即可！
2、代码中的“第N张图片地址”“图片宽度”“图片高度”分别从上到下一一替换编辑好，图片地址和原图片的宽度和高度大小如下截图说明：
点击属性后，出来如下对话框：
从上面的截图，我们可以找到图片的地址及大小数值，分别依次右击图片属性后，获取地址和大小数值，替换到基本代码中，替换后代码如下：
<P align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR height=333>
<TD width=669 background=http://image32.360doc.com/DownloadImg/2011/07/2611/14716006_7.jpg>
</TD></TR>
<TR height=334>
<TD width=669 background=http://image32.360doc.com/DownloadImg/2011/07/2611/14716006_8.jpg>
</TD></TR>
<TR height=333>
<TD width=669 background=http://image32.360doc.com/DownloadImg/2011/07/2611/14716006_10.jpg>
</TD></TR>
</TBODY></TABLE></P>
拼合后效果如下：
好了，音画的切割和拼合讲完了，有些朋友可能又问，怎么在上面加flash，你可以在本效果上面直接加flash，因为图片是表格的背景图片了，但直接加的话，不能跨着图片接缝添加，只能在第一到第三张图片上分别加一个flash，而且flash的定位不好定！那么我们就要用一段代码，使flash可以随意在音画的某个位置，而且可以多个flash重叠或者叠交！代码如下：
<P align=center><EMBED style="POSITION: absolute; TOP: 150px; LEFT: 0px" height=600 type=application/octet-stream width=900 src=/61.swf quality="high" invokeURLs="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></P>
代码使用说明：
1、代码“TOP: 150px”中的数值“150”是指flash距离顶部的距离；代码“LEFT: 0px”中的数值“0”是指flash距离左边边线的距离；可以改变这两个数值，改变flash的位置！
2、光改变位置还不行，还的调整flash显示的大小，代码“height=600 ”“width=900”中的数值分别是flash显示的高度和宽带大小，你可以改变这两个数值来改变flash的数值（提示：宽度和高度大小还可以大于整个音画的大小，因为这里有重叠的属性，不影响图片的拼合缝隙）
3、“/61.swf”这是flash的地址，换成你自己喜欢的flash的地址！你要加几个flash就复制多少段上面的添加flash的代码，分别定位！
以上代码在博客代码编辑状态编辑（代码编辑状态：你只要点击日志编辑功能菜单上的这个“<>”符号出来的页面就是代码编辑页面），flash的代码只要放在你刚才的图片拼合代码最后面即可！调整flash大小和位置的时候你可以通过预览后返回来查看效果和继续编辑！
好了，说了这么多，希望你看明白了！祝你制作愉快！觉得不错，别忘了帮忙推荐支持一下！原创教程，分享请点击右下角的引用！不得复制！有问题留言和我交流！
|
