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

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

image

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


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<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 评论

  • :arrow:
  • :grin:
  • :???:
  • :cool:
  • :cry:
  • :shock:
  • :evil:
  • :!:
  • :idea:
  • :lol:
  • :mad:
  • :mrgreen:
  • :neutral:
  • :?:
  • :razz:
  • :oops:
  • :roll:
  • :sad:
  • :smile:
  • :eek:
  • :twisted:
  • :wink: