思亭的网络相册 by TiltViewer Flash相册

2008年11月2日 | 标签: , , ,

老早就想给简单SEO博客添加一个网络相册了,在禅猫师傅的催促下,我的思亭的网络相册终于千呼万唤始出来啦;-P

有必要先解释为什么叫“思亭的网络相册”,早在2003年,我就自取网名为“羁旅思亭”。因为自己从16岁开始就离开家乡,在外求学;大学毕业后又来了上海,独自在外漂泊了12年,心中难免有孤独和思乡之情;同时也期待着自己能早日在异乡筑窝扎根,建立属于自己的家庭。后来我又将四个字减为两个字“思亭”。我记得当年在百度和谷歌中搜索“思亭”,还没有其他人使用这个名称,所以思亭这一名称算得上是我的原创吧;)~(当初真应该申请专利或者注册一个商标,因为现在有很多人,甚至一些商家使用了我这个名称

好啦,下面进入正题,先看看我使用TiltViewer制作的3D flash网络相册的效果(大家最好到这里查看真实的3D效果http://www.simpleseo.cn/siting/):

思亭的网络相册 by TiltViewer Flash相册
思亭的网络相册 by TiltViewer Flash相册

TiltViewer,一款三维动态的Flash相册。属于静态网页,通过调用XML文件更新相册,使用者无需担心虚拟空间是否支持,因为整个程序只有一个SWF文件、一个XML文件、一个JS文件和一个HTML文件,其小巧的体积也算是它的优点之一了。

TiltViewer采用Away3D这款Flash平台的3D引擎搭建,通过设置后台,还可以实现显示Flcikr上7天内最热门的照片。你可以通过移动鼠标来旋转视角,点击图片则放大,同时可以查看图片的信息。很简单,但很漂亮。

TiltViewer官方有两个版本:免费版和专业版。专业版需要花钱购买,它比较免费版而言有增强的自定义选项并且不包括右下角的TiltViewer的Logo和右键链接。不过官方网站最近一直打不开了,不知道是何原因,想下载的朋友请点击这里下载TiltViewer免费版

最后介绍TiltViewer的使用方法(以下是网友翻译的官方使用说明书):

创建TiltViewer图片库非常容易。创建TiltViewer图库时有两种方式:Flickr Gallery或XML Gallery方式。<photo imageurl=”imgs/img.jpg” linkurl=”http://www.simpleseo.cn” showFlipButton=”false”>

(1)Flickr Gallery(使用Flickr网络相册图片)

如果你在Flickr已经有自己的图片了,最简单的方法是从Flickr装载你的图片与文本说明来创建图片库。在你的HTML文件中包含 TiltViewer并设置你的Flickr用户ID和您想要的标签名称。注意,由于Flash Player的安全限制,Flickr图片库仅在Web Server上工作。

按以下步骤创建一个 Flickr gallery:

下载并解压TiltViewer文件到一个新文件夹中。这就是您的图片目录。使用文本文件编辑器编辑目录中的“index.html”文件。设置“useFlickr”选项为“true”:

fo.addVariable(“useFlickr”, “true”);

在“user_id”选项中输入您的Flickr用户ID。在此页中输入您的Flickr用户名得到您的Flickr用户ID。例如装载用户“48508968@N00”的所有图片:

fo.addVariable(“user_id”, “48508968@N00″);

为您想要显示的图片添加一个新标签,可以使用标签显示您在Flickr上的一部分图片。您可以在这里定义自己的Flickr图片Tags。然后在“Tags”选项里使用这个Tag。例如使用“showcase”标签装载所有的图片:

fo.addVariable(“tags”, “showcase”);

设置附加的配置选项(可选)。

(2)XML Gallery(使用本站图片)

XML图库显示您上传到WEB站点的图片。您可以使用任何文本编辑器在XML文件中定义您的图片和图片的说明。

按照以下步骤创建一个XML图库:

下载并解压TiltViewer到您的一个目录中,做为您的图库目录。把图片复制到图库目录中的“imgs”目录中。编辑图库目录中的“index.html”文件。设置“useFlickr”选项为“false”:

fo.addVariable(“useFlickr”, “false”);

在“maxJPGSize”选项中输入您的最大的图片的尺寸。例如您最大的图片尺寸是1024×768,使用以下代码:

fo.addVariable(“maxJPGSize”,”1024″);

编辑图库目录中的“gallery.xml”文件。在文件中为每个图片文件添加一个“

” 标签,并设置imageurl、linkurl、showFlipButton、title和description:

 

<title>图片标题</title>

<description>图片说明</description>

</photo>

imageurl:可以是相对路径或绝对路径,相对路径是相对于包括这个SWF文件的页面的目录。

linkurl:是当点击图片背面上的链接按钮时转向的相对或绝对的URL。删除这个属性会导致不显示这个链接按钮。

showFlipButton:是否在图片的前面显示“flip”按钮的选项。

title:显示在图片背面的说明的标题。

description:描述文本,可以使用CDATA标签包含HTML标签,在您的描述文本中换行或设置格式.

为节约本站空间和流量,我使选择从Flickr网络相册中导入相片的方法。

  1. JackieZhang
    2008年11月2日20:46

    很漂亮,就是Flickr速度慢,太容易被GFW

    simpelseo 回复于:十一月 2nd, 20088:59 下午

    @JackieZhang, 速度慢是没办法的啦,GFW 8O 什么意思呀 :(

  2. 禅猫
    2008年11月2日23:57

    8O 8O 禅猫师傅…….此话怎讲。。

    那个 好像 相册 字符集编码问题 你忘了?标签等 使用的中文 在我打开你的相册的时候是乱码 :roll: 可能我没清理缓存..你看下!我刚喝完回来 :x 睡了 ,亲爱的朋友!

    SimpleSeo 回复于:十一月 4th, 20088:34 上午

    @禅猫, 我已多年不喝酒了,所以酒量一路下滑;高中最能喝的时候,可以喝掉一近白酒 :mrgreen:
    相册的中文乱码现象我已注意到了,等几天再弄,现在白天忙,晚上也有事做,累呀 :(

  3. SEO
    2008年11月3日00:50

    帅锅一个哦,相册标题乱码

    SimpleSeo 回复于:十一月 4th, 20088:35 上午

    @SEO, 尽管标题有乱码,可老兄你也不至于让我帅到锅里去了嘛 :mrgreen:

  4. SEO
    2008年11月3日00:53

    哎。。我不算上大学在外漂了快20年咯,老啦

  5. stephen
    2008年11月3日12:46

    3D效果很好,但我看不到照片啊!!!

    SimpleSeo 回复于:十一月 4th, 20088:36 上午

    @stephen, 应该可以看到图片的呀,速度确实不怎么快,因为我调用的Flicker相册里面的图片,为了节省流量 :mrgreen:

    Stephen 回复于:十一月 4th, 20089:24 下午

    @SimpleSeo, 照片看到了,打开的时候标题显示为乱码,这个要修复一下啊。。。
    看到全身照很温文儒雅啊,国人是搞文学的人,呵呵。。刚开始看到你的大头照的时候还以为你是瘦人一族的,看你长的蛮胖的,呵呵。。。

    SimpleSeo 回复于:十一月 4th, 200810:31 下午

    @Stephen, 我还胖? 8O ?,你走神啦,我的饭量跟女同志差不多,是全校公认的苗条身材了。
    乱码问题我也很头疼,现在一时不知道如何解决,我尝试过修改网页编码为charset=UTF-8、charset=iso-8859-1、charset=GB2312,但好像都不行:(~

    stephen 回复于:十一月 4th, 200811:55 下午

    @SimpleSeo, 不会吧??难道看错!!!
    正常的话在UTF-8下会一切正常的!!不过我没有怎么研究过!!

    simpleseo 回复于:十一月 5th, 20088:40 上午

    @stephen, 靠,今天换charset=UTF-8怎么就不乱码了,前几天怎么不行,NND 8O

    禅猫 回复于:十一月 7th, 200812:58 上午

    @simpleseo, 缓存问题,和上次我用你提供的FLASH播放器代码一样

  6. Yacca
    2008年11月3日19:48

    除了速度慢 其他都蛮好…

    SimpleSeo 回复于:十一月 4th, 20088:37 上午

    @Yacca, 又是速度 8O ~~这个怎么办呢,对于使用虚拟空间的我们来说,好像有些束手无策呀 :(

  7. shamas
    2008年11月5日09:55

    我这儿访问速度很好啊,不过没多少图片,多传点

    SimpleSeo 回复于:十一月 5th, 20088:12 下午

    @shamas, 图片倒是很多,但很少照自己,俺也自己的长相一直都缺少自信 :mrgreen:

  8. alisunstar
    2008年11月6日10:51

    打开效果还不错

    发现一款将照片制作成魔幻Flash相册的在线服务www.886.cn
    拍拍乐提供的拍拍秀MTV模式/DIY模式和3D模式三种模式,数千个精美模板,片头、场景、片尾和装饰、文字自由组合,并可随意搭配多首背景音乐和歌词字幕 、支持做好的视频下载成exe/swf动画,刻录DVD并下载到手机里、mp4中

    SimpleSeo 回复于:十一月 6th, 20083:59 下午

    @alisunstar, 886是很不错,我以前注册过,也试用了一次,上传图片的速度非常快,切换的效果也挺多的。
    可惜没有到WORDPRESS的API接口或者插件,因为我很想把相册与博客放在一个地方,省心 :mrgreen:

本文的评论功能被关闭了.