为了自己小小的喜好,摄影建立一个相册,找遍了互联网的每一角落,还是没有如我所愿,发现一款适合我的,可以调用其他相册的,但是又是自己空间建立的,使用自己域名的相册。但每每这时总会他波铁屑无觅处,得来全不费工夫,这不就发现一款符合这些条件的程序,虽然调用flickr的相册,速度比较慢,但总比没有好吧,现在我就来介绍下这款相册程序。

TiltViewer 是一个基于 Flash 的,免费的 3D 图片浏览程序,这个程序会根据鼠标的移动产生不同的很酷的 3D 效果。如果你不是太明白,看看我做的 Demo 演示,点击图片可放大缩小。

image

TiltViewer 的效果是不是很酷呢?值得一提的是,它可以支持从 Flickr 中直接读取图片, 也可以从 XML 文件中读取本地服务器的图片并显示出来,点击图片自动扩大/缩小,点击背景缩小图片,空格键放大/缩小图片等多种操作方式。


以下为相册具体配置信息,以专业版为例,免费版可以参考,专业版没有如上图所示的前后页导航,但有另一种导航方式,个人觉得免费版的比较好,具体可以自己测试。

<script type="text/javascript">
        var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9", "#000000");           
       
        // TILTVIEWER-PRO CONFIGURATION OPTIONS
        // To use these options, uncomment them by removing the '//' at the start of the line
        // For a description of config options, go to:
        // http://www.airtightinteractive.com/projects/tiltviewer/pro/config_options.html
        //
        //fo.addVariable('user_id', '48508968@N00');//这行显示的是用户的Flickr网络相册的ID号码。
        //fo.addVariable('tags', 'jump,smile');//未测试参数
        //fo.addVariable('tag_mode', 'all');//标签显示模式,显示指定的标签。       
        //fo.addVariable('columns', '5');//相册显示的列数。
        //fo.addVariable('rows', '5');//相册显示的行数。
        //fo.addVariable('linkLabel', 'This is the Link text');//链接Flickr照片的文字
        //fo.addVariable('showLinkButton', 'true');//是否显示链接按钮
        //fo.addVariable('showTakenByText', 'true');//是否从Flickr读取照片的说明文字。
        //fo.addVariable('zoomedInDistance', '1400');//zoom in 的距离值。
        //fo.addVariable('zoomedOutDistance', '7500');//zoom out 的距离值
        //fo.addVariable('fontName', 'Times');//字体名称设置。
        //fo.addVariable('titleFontSize', '50');//照片标题字号设置。
        //fo.addVariable('descriptionFontSize', '20');//照片说明字号设置。
        //fo.addVariable('linkFontSize', '40');//链接字号设置。   
        //fo.addVariable('textColor', '0xff0000');//文字颜色。
        //fo.addVariable('linkTextColor', '0x00ff00');//链接文字颜色。
        //fo.addVariable('linkBkgndColor', '0x0000ff');//链接背景颜色。
        //fo.addVariable('frameColor', '0xff0000');//frame框架颜色。
        //fo.addVariable('backColor', '0x00ff00');//框架背景颜色。
        //fo.addVariable('bkgndInnerColor', '0xff00ff');//框架内部(中部)颜色。
        //fo.addVariable('bkgndOuterColor', '0x0000ff');//框架内部(外侧)颜色。       
        //
        // END TILTVIEWER-PRO CONFIGURATION OPTIONS
       
        //fo.addParam("allowFullScreen","true");//允许全屏Flash显示
        //fo.write("flashcontent");//    显示Flash内容。       
       
</script>

使用方法:

左键点击放大缩小,点击空白处缩小,放大后点击左下角图标查看图片信息; 方向键上下翻页,空格放大缩小,F键查看图片信息; 右键全屏和exit信息。

TiltViewer 使用教程:http://www.airtightinteractive.com/projects/tiltviewer/docs.html

TiltViewer 高级应用:http://www.airtightinteractive.com/projects/tiltviewer/config_options.html

演示地址:Demo 调用flickr相册文件。注意免费版需要上传调试,据官网说法为调用flickr的xml本地不能正常使用。

下载地址(包括免费版和专业版):

下载地址一(大米盘):点此下载 (http://www.dmpan.com/file/4F5AAvT.html) 大米盘可以使用https://www.damipan.com来代替http://www.dmpan.com

下载地址二(千脑盘):点此下载

单独专业版下载:http://www.rayfile.com/files/8adfe399-ac13-11dd-bea6-0014221b798a/

官方原版下载:点此下载

15 条评论

  • 记忆 2009/10/23 05:35 回复

    回返,呵呵。有空记得去我那踩踩哦?

  • 帅青蛙 2009/10/23 09:02 回复

    过来打个招呼

  • sirus 2009/10/23 10:35 回复

    不错,空间感非常强/
    我用的是photobucket的外链,不知是否可以使用呢?

  • sirus 2009/10/23 10:36 回复

    对了,还有你用的图片放大的那个插件也很好,叫啥呢?

  • 先看看 2009/10/23 10:42 回复

    这个的确很炫,要是自己有很多摄影照片,做个也不错

  • 一米 2009/10/23 11:18 回复

    @记忆
    已回访,不过不是很喜欢你博客主题,呵呵。个人喜好。
    @帅青蛙
    我也去你那里啊,哈哈
    @sirus
    不是很清楚,不知道photobucket是否有外连的API,如果有的话,改造下还是可以的。那个插件叫做Highslide4WP可以去mg12的博客上下载。
    @先看看
    恩,是的啊,可惜之前我的很多照片都不见了啊。现在只有这么点了。

  • 回憶 2009/10/23 20:41 回复

    我也有用哦,但是沒調用Flickr

  • 随影 2009/10/23 22:50 回复

    一直用着它呢 很不错

  • mimzyx 2009/10/24 08:01 回复

    很酷的效果,不过我想找款在日志里插入Flickr图片的,但是还没有中意的。

  • Louis Han 2009/10/24 19:55 回复

    看上去效果很炫 关注一下

  • 漠天 2009/10/31 22:05 回复

    好像在哪早就见过了这款程序,当时我还下载下来,测试了。3D效果不错。

  • 小闯 2009/12/25 22:54 回复

    请问您的Demo是采用xml配置的么?如果用xml配置可以支持中文么?

  • 一米 2009/12/27 10:03 回复

    @回憶
    我是不敢将照片放在本地,怕空间和流量吃不消啊。
    @随影
    你也在用啊,呵呵。
    @mimzyx
    哦,貌似这个插件很多的啊。
    @Louis Han
    嘿嘿,欢迎你也来用啊。
    @漠天
    恩,我也是在网上突然碰到的。
    @小闯
    我不是很明白XML支持中文是什么意思?嘿嘿,所以不好回答你。不过如果是本地相册的话使用XML是应该支持中文路径的吧!

  • hi~!!! 2010/02/21 00:58 回复

    为啥我调用来的不是自己的Flickr相集呢。。。好奇怪呢~~不知道把谁的掉来了。。。无限的迷糊中。哈哈

  • 一米 2010/02/22 20:03 回复

    @hi~!!!
    你不会是吧我的掉来了吧?里面配置文件 那个Flickr 的账号要改为你自己的(上面代码中第九行)。是一串数字!