TiltViewer(3D Flash图像查看器) 免费版

TiltViewer是一款免费的可自定义的3D flash图像查看软件，拥有直观的图像导航，智能的图像预加载功能，采用Away3D这款Flash平台的3D引擎搭建，可制作出三维动态的flash相册效果，内置flash检测和升级提示，可调整适应浏览器窗口的大小界面，适用于任何网站，需要的设计师可以下载！

软件特点

1、在任何网站上使用。

2、不需要Flash®IDE。通过HTML自定义。

3、直观的图像导航。

4、智能图像预加载。

5、可调整大小的界面可扩展以适应浏览器窗

6、跨平台。支持Windows，Mac和Linux。

7、内置Flash检测和升级提示。

8、从Flickr或通过XML加载图像。

TiltViewer使用说明

控制

鼠标

单击图像可放大，再次单击可缩小。

单击背景以缩小。

单击“重新加载”按钮(图像网格下方)以加载一组新图像。

单击“翻转”按钮(放大图像的右下角)以查看图像详细信息。

键盘

用于在图像之间导航的光标键 。

空格键 可放大/缩小。

“F” 键可以翻转图像(放大时)。

右键菜单

全屏。 以全屏模式打开TiltViewer。

使用方法

创建TiltViewer图片库非常容易。创建TiltViewer图库时有两种方式：Flickr Gallery或XML Gallery方式。

(1)Flickr Gallery

如果你在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：

图片说明

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

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

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

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

description：描述文本，可以使用CDATA标签包含HTML标签，在您的描述文本中换行或设置格式，像这样：

<description><![CDATA[This is a HTML text description.
Supported tags are <b>bold</b>, <u>underline</u>,
<i>italics</i>, linebreaks<br>and
<font color="#ff0000" size="60">font tags</font>.
Hyperlinks are not supported.]]></description>Set additional configuration options (optional).