为了自己小小的喜好,摄影建立一个相册,找遍了互联网的每一角落,还是没有如我所愿,发现一款适合我的,可以调用其他相册的,但是又是自己空间建立的,使用自己域名的相册。但每每这时总会他波铁屑无觅处,得来全不费工夫,这不就发现一款符合这些条件的程序,虽然调用flickr的相册,速度比较慢,但总比没有好吧,现在我就来介绍下这款相册程序。
TiltViewer 是一个基于 Flash 的,免费的 3D 图片浏览程序,这个程序会根据鼠标的移动产生不同的很酷的 3D 效果。如果你不是太明白,看看我做的 Demo 演示,点击图片可放大缩小。
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/
官方原版下载:点此下载
回返,呵呵。有空记得去我那踩踩哦?
过来打个招呼
不错,空间感非常强/
我用的是photobucket的外链,不知是否可以使用呢?
对了,还有你用的图片放大的那个插件也很好,叫啥呢?
这个的确很炫,要是自己有很多摄影照片,做个也不错
@记忆
已回访,不过不是很喜欢你博客主题,呵呵。个人喜好。
@帅青蛙
我也去你那里啊,哈哈
@sirus
不是很清楚,不知道photobucket是否有外连的API,如果有的话,改造下还是可以的。那个插件叫做Highslide4WP可以去mg12的博客上下载。
@先看看
恩,是的啊,可惜之前我的很多照片都不见了啊。现在只有这么点了。
我也有用哦,但是沒調用Flickr
一直用着它呢 很不错
很酷的效果,不过我想找款在日志里插入Flickr图片的,但是还没有中意的。
看上去效果很炫 关注一下
好像在哪早就见过了这款程序,当时我还下载下来,测试了。3D效果不错。
请问您的Demo是采用xml配置的么?如果用xml配置可以支持中文么?
@回憶
我是不敢将照片放在本地,怕空间和流量吃不消啊。
@随影
你也在用啊,呵呵。
@mimzyx
哦,貌似这个插件很多的啊。
@Louis Han
嘿嘿,欢迎你也来用啊。
@漠天
恩,我也是在网上突然碰到的。
@小闯
我不是很明白XML支持中文是什么意思?嘿嘿,所以不好回答你。不过如果是本地相册的话使用XML是应该支持中文路径的吧!
为啥我调用来的不是自己的Flickr相集呢。。。好奇怪呢~~不知道把谁的掉来了。。。无限的迷糊中。哈哈
@hi~!!!
你不会是吧我的掉来了吧?里面配置文件 那个Flickr 的账号要改为你自己的(上面代码中第九行)。是一串数字!