用picturetrail制作一些图片旋转的特效[转]
http://www.picturetrail.com是一个国外的相册,它提供了一些图片旋转的特效功能。
具体的流程如下:
<1> 注册
不管在哪里,注册的步骤都差不多。首先点击图1红圈位置进入注册页面,接着按照图2以及图3所示填好该填的东西,就可以顺利的完成注册工作了。
图1
图2
图3
<2> 登陆
点击网页左边位置,如图4所圈的位置,进入图5登陆界面。
图4
图5
<3> 上传图片
登陆之后,进入如图6所示的页面。觉得麻烦可以不去理会相册的信息填写,直接点击上传图片的选项进入图7页面。按照你的想法上传图片。
图6
图7
<4> 展示图片
上传完图片之后,点击页面右边如图8所示的位置,即可进入展示图片的动画选择页面。动画的样式很丰富,按照各人喜好自行选择。以狐狸博客中旋转的正方体为例,选择图9。进入图片选择页面(图10),选择你所需要的刚刚上传的图片。注意你所选择的动画展示方式,都有不同的图片数量要求。选择完成,进入编辑页面(图11),可以对动画的大小,背景等等进行选择。最后点击图12上的按钮,复制下动画代码,插入你的网页即可。
图8
图9
图10
图11
图12
<5> 动画的大小也可以在代码中直接修改,配合你的页面自行设置。此外,你所复制的代码中也包含了这个网站的logo,你要是觉得碍眼,也可以去掉相应的代码精简一下。
效果如下(大尺寸,图片透明,背景色透明,去掉网站logo):