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

谢树深博客

 
 
 

日志

 
 

制作3D相册  

2008-12-20 14:43:00|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

给大家介绍一个可以添加在博客中的3D相册:

在网易博客中,这个3D相册很久就有人用了,只是后来有些改版,而且是英文网站,所以重新整理一下,供你参考,需要说明的是这个3D相册适合各类可以添加html命令的博客,且并非只能在网易博客中应用。

首先登陆这个网站 http://www.picturetrail.com/  注册用户。

这个网站是全英文的,现在我一步步讲解。

进入网站后,在网页的左上有一个“Free Signup”的链接,点击进入。

进入注册页面,下一步就是填写你自己的信息了。

第一栏:选择一个用户名(填好后点后面的检测,出现绿色的 Available 即可注册)

第二栏:设置密码

第三栏:再次输入设置的密码

第四样:填你的英文名字,填拼音也可。

第五栏:填写你的e-mail地址

第六栏:填写你所在地的邮政编码

下面六七两栏是附加信息,分别填写你的出生年份和选择性别。

填完所有的注册信息,点击最下面的提交按钮。然后又跳到一个页面,在这里用默认的就行,第二项是你的学历,你可以选后面的但好像什么也不影响,提交完这页即完成注册。

注册完,工作就已经完成一半了,下面进入了相册管理页面,现在出现的是上传照片的页面,第一栏是选择一次性上传的照片张数,第二栏可以不用去管它,下面的就是选择你电脑上的照片上传了。选定了你要传的照片后,点下面的"Upload Pics Now!"。

上传完照片后,出现的页面,点击右边的“Creat a Photo Flik”链接,进入相册制作合成页面。

Upload processing done. What would you like to do next?

这是说上传完了,你想做什么?

1、Manage My Photos这是管理我的相片。

2、Manage My Homepage 管理我的网页。

3、Get Image URLs 得到制作出的FLASH的链接。

记住这个页面,以后经常用到,现在你可以点右面的“Create a Photo Flick?”或他下面的图片进行相册的编辑了。

3D Cube 这个页面就可以选择下面你喜欢的样式,选好后点ADD PHOTOS就进入让你挑照片的项目中了。双击你想用的照片,照片就变成选中效果,再接着选,都选好后点确定看看效果!如果你想修改就点CUSTOMIZE FLICK,其实下面就没什么了,就是点SAVE保存,让你起个名字再点Save$Get Code

这样他就给你生成了一组HTML命令,下面介绍几种:

<div style="visibility:visible"><embed src="http://flash.picturetrail.com/pflicks/3/spflick.swf" quality="high" FlashVars="ql=2&src1=http://pic60.picturetrail.com/VOL1703/10079260/flicks/1/2612241&src2=
http://widgetize.picturetrail.com/flicks/2612241" wmode="transparent" bgcolor="#000000" width="285" height="280" name="3d_cube" align="middle" allowScriptAccess="sameDomain" style="height:280px;width:285px" type="application/x-shockwave-flash"></embed><p style="whitespace:no-wrap;margin-top:10px;height:24px"><a href="http://ndqy.com/blog/index.php"><img align="left" src="http://pics.picturetrail.com/res/pflicks/pt.gif" border="0"></a><a href="http://10b.ndqy.com/index.php"><img align="left" style="margin-left:5px" src="http://pics.picturetrail.com/res/pflicks/pt2.gif" border="0"></a></p>
</div>

你把你得到的命令复制到你的博客的新模块中就OK了。如果你想调整大小就改变width="285" height="280"和height:280px;width:285px 这里面的数字。看看效果:


3D相册制作教程 - 笑看风云 - 笑看风云的博客3D相册制作教程 - 笑看风云 - 笑看风云的博客


<embed src="http://flash.picturetrail.com/pflicks/boxes_r.swf" loop="false" quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=50.10&ptxy=450.16&hue=3&img1=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649183.jpg&img2=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649179.jpg&img3=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649202.jpg&img4=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649204.jpg&img5=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649198.jpg&img6=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649186.jpg&img7=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649190.jpg&img8=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649192.jpg&img9=http://pic20.picturetrail.com:80/VOL1604/6811463/13084308/193649193.jpg" wmode="transparent" bgcolor="#ffffff" width="360" height="380" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

效果如下:

 

<DIV style="OVERFLOW: hidden; WIDTH: 100%">&nbsp;<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=middle src=http://flash.picturetrail.com/pflicks/floating.swf width=450 height=450 type=application/x-shockwave-flash loop="false" quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&amp;ptdim=50.10&amp;ptxy=284.16&amp;auto=1&amp;img1=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995907.jpg&amp;img2=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995908.jpg&amp;img3=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995905.jpg&amp;img4=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995904.jpg&amp;img5=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995903.jpg&amp;img6=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995839.jpg&amp;img7=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995837.jpg&amp;img8=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995836.jpg&amp;text8=km&amp;img9=http://pic20.picturetrail.com:80/VOL1565/6990937/13394399/198995834.jpg" wmode="transparent"></DIV> 

 

效果如下:

 

 

 

 

下面这个是通用代码:

<EMBED                                           pluginspage=http://www.macromedia.com/go/getflashplayer align=middle src=http://flash.picturetrail.com/pflicks/m_acrobatcube.swf width=200 height=200 type=application/x-shockwave-flash FLASHVARS="img1=图片地址一&amp;type=2&amp;op=0.jpg&amp;img2=图片地址二&amp;type=2&amp;op=0.jpg&amp;img3=图片地址三&amp;type=2&amp;op=0.jpg&amp;img4=图片地址四&amp;img5=图片地址五&amp;img6=图片地址六&amp;type=2&amp;op=0.jpg&amp;faceopacity=80&amp;backopacity=100&amp;cubecroptofit=1&amp;enlargecroptofit=0&amp;test=1" WMODE="transparent" LOOP="false" QUALITY="high" BGCOLOR="#FFFFFF" >

效果如下:

笑看风云欢迎你


  评论这张
 
阅读(1056)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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