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

杨东小园

广交四海有识之士 普结五洲男朋女友

 
 
 

日志

 
 

如何自制《活动相册》的备忘录  

2013-05-28 12:24:03|  分类: 各类教程, |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

如何自制《活动相册》的备忘录

素材网络/杨东编辑

杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

以上清正廉明的活动相册是由二个部份组成
其中第一部份是《固定图片框架》代码如下

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

<TABLE borderColor=#00ff00 cellSpacing=2 cellPadding=0 width=750 align=center bgColor=#ffffff background=http://img0.ph.126.net/0tTujq7bZveCrtovxtOiWQ==/6597959271564845958.gif border=10>
<TBODY>
<TR>
<TD>
<DIV><IMG src="http://img2.ph.126.net/tfbjopsVopFABOdeCxIBaw==/904097625294721361.jpg"></DIV>
</TD></TR></TBODY></TABLE>

 

其中第二部份是活动相册代码如下

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

<DIV style="Z-INDEX: 1; LEFT: 12px; WIDTH: 0px; POSITION: absolute; TOP: 365px">
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://st.blog.163.com/bin/pixviewer.swf width=910 height=500 type=application/x-shockwave-flash wmode="transparent"
invokeurls="false" quality="high"allowScriptAccess="never" flashvars="pics=http://img1.ph.126.net/CLUV5BxsU_sNSbFtDb0iNQ==/6598179173890205146.jpg
|图片地址4|http://img1.ph.126.net/4i3s6cWE8G8e7n1XqLpiow==/1897422818106625606.jpg
|图片地址4|http://img0.ph.126.net/Pqs7GrJvmBkwlpkqkLlTHg==/6597740468750928687.jpg
|图片地址4|http://img2.ph.126.net/zExU3D2UMtzRed7eXDac7g==/1964132387587049654.jpg
|图片地址4|http://img1.ph.126.net/sRK9SZ3d6oO2Q98t7Hc18A==/1896296918199782998.jpg
|图片地址4|http://img2.ph.126.net/ojZznSv9J42mD_0Z850w9Q==/6597462292308240410.jpg
|图片地址4|http://img1.ph.126.net/I3nlxmHoTjZjuVUlb9WZ_A==/1657043187995726203.jpg
|图片地址4|http://img1.ph.126.net/4ubIaP5MhYIOU6hM3P9Qrw==/1954280763402177031.jpg
|图片地址4|http://img1.ph.126.net/pNZg7jqUlDCnQclDxOXWog==/884394376924974745.jpg
|图片地址4|http://img2.ph.126.net/9vb_Oo2l-1JepptY-Izq4g==/6597817434564886364.jpg
|图片地址4|http://img1.ph.126.net/h5MbV5ruWXMxtF4_rWE2Jg==/6597410615261732392.jpg
图片地址4|http://img2.ph.126.net/YvhSZi0V2w8obqQ01_eG5g==/6597740468750928689.jpg
|图片地址4|http://img2.ph.126.net/BDrjAzXJnz6bPy4qenxITg==/880735202227734794.jpg
|图片地址4|http://img0.ph.126.net/ZG_shJIz_ilRXdZIsSTnmA==/1903615267594271679.jpg
|图片地址4|http://img2.ph.126.net/JcEcW0XNuz7OREexoBQOFQ==/3404158368438733454.jpg
|图片地址4|http://img2.ph.126.net/ZEtvHoQtphZeCoJDDmdpbQ==/6597831728216042609.jpg
|图片地址4|http://img0.ph.126.net/F8cPwuhmlxyQforAteJA6Q==/904942050224851368.jpg
|图片地址4|http://img0.ph.126.net/sCNRWITptlYGUZAKVJ9LJA==/1636495514695781787.jpg|&amp;
links=0&amp;texts=0&amp;borderwidth=735&amp;borderheight=452&amp;textheight=0"></DIV>

以上代码的说明

        其中固定相册是一个最普通的框架代码,框架中加了一张固定的清正廉明静态图片.关于自制活动相册的主要部份是代码中的第二部份,第二部份的代码中<DIV style="Z-INDEX: 1; LEFT: 12px; WIDTH: 0px; POSITION: absolute; TOP: 365px">
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://st.blog.163.com/bin/pixviewer.swf width=910 height=500 type=application/x-shockwave-flash wmode="transparent"
invokeurls="false" quality="high"allowScriptAccess="never" flashvars="pics=http://img1.ph.126.net/CLUV5BxsU_sNSbFtDb0iNQ==/6598179173890205146.jpg
是控制活动图片左右和上下方位的调节所用,如果图片偏左,就把12px;加大些.如果上下不到位,要使活动图片上浮些,就把代码中的365px减小些,如若要让图片下降些,就把365px增加些,左右和上下的调节,一直要把活动图片与固定的框架图片完全吻合不止.代码中的width=910 height=500是是指图片总量是在宽900和高度为500之间,一般无需调节.以下是加载的图片代码,每增加一张图片就加上|图片地址4|的链接,可以增加数量不限.本集活动相册加载的图片共有18张.代码的最后|&amp;
links=0&amp;texts=0&amp;borderwidth=735&amp;borderheight=452&amp;textheight=0">是控制调节活动图片的大小,borderwidth=735是调节图片的宽度,borderheight=452是调节图片的高度.

关于此活动相册的特点

   以上活动相册,主要的特点之一是:一旦制作成功,永远长存,不会如同Flash的特效那样因图片失效而不能显示,原因是虽制作的代码是用Flash特效代码转变而来,但相册中的图片是通过自己制作上传到博客的,是属自己的图片,所以一旦制成就永远长存.其特点之二是:活动相册中的图片要求不高,置入的图片如果尺寸不是很统一,置入的效果也能自动调节到统一的宽度和高度.

以下是本集加载的图片素材

其中一张上框架内的固定图片

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

以下是十八张上活动图片素材

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

如何自制《活动相册》的备忘录 - 杨东 - 杨东小园

 

  评论这张
 
阅读(459)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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