如何使用WebProjector轻松为您的网站创建幻灯片

照片幻灯片是在网站上炫耀一组照片的一种很棒的方法。有几种显示此类幻灯片的方法。首先,您可以使用Flickr或Picasa(在线版本)之类的照片服务将照片分组在一起并将结果嵌入到您的网站中。

其次,您可以创建幻灯片视频文件,然后上传

第三,WebProjector如此简单,将图片文件托管在您自己的网站上,并以幻灯片的方式显示。

p>


如上所述,WebProjector使添加图片幻灯片到您的网站变得非常简单。它使用Flex技术,基本上只需要执行几个简单的步骤就可以启动和运行幻灯片。

下载Zip文件

访问首页并将其向下滚动到该位置说“ 下载",然后单击标有“ zip"的链接。

下载文件,将其打开,然后将文件解压缩到硬盘驱动器的文件夹中。在将其上传到您的Web服务器之前,我们将进行一些修改,例如添加您的照片和音乐以及一些调整。

将照片放到位

您会注意到在文件夹中有一个名为“ images "的子文件夹。您将在其中找到示例图像,但想用自己的图像替换它们。只需删除它们,然后将它们自己粘贴在其中即可。

修改XML文件时,我们将确保调用照片的文件名而不是示例。

获取音乐放置

假设您想在后台播放自己的MP3,则需要用自己的MP3替换默认的MP3。您想要最简单的方法吗?将您的MP3重命名为“ music.mp3",并将其复制到默认文件中。

修改放映机.xml文件

在文本编辑器中打开 projector.xml 进行一些简单的编辑。

不用担心,我们要调整的所有内容均已标记,但并没有造成任何混淆。通过保存XML文件并打开 index.html 文件来测试幻灯片,以查看更改。

您要注意的第一件事是最大高度和最大宽度变量。您可以更改这些数字以更改幻灯片的大小。请注意,它似乎以像素为单位。

接下来,您可以更改一些时间设置。乱七八糟,直到您将其放置在所需的位置。您可以调整诸如淡入和淡出的持续时间以及每张幻灯片本身的持续时间之类的东西。

除了可以显示或不显示启动徽标的选项外,接下来应查看的几个变量将控制事物的显示方式。看。混乱与边界的宽度和将显示的一些颜色。您必须知道彩色十六进制代码。该颜色选择器应该能够帮助您找到所需颜色的十六进制代码。

现在,确保图像目录和MP3文件名正确。根据自己的喜好调整声音设置。除了按照显示幻灯片的顺序输入照片名称外,还都设置了XML文件。

编辑 index.html 文件以更改上方显示的字词

您可以放一些东西来解释幻灯片或任何您想要的东西。只需保留默认的“ 这是示例页面... "即可。

保存并上传

最后一步将使幻灯片实时播放。使用FileZilla之类的东西,将整个目录上传到您的网站空间。为了链接到它,请链接到目录或index.html文件。

因此,您已经拥有了:在您自己的网站空间中托管自己的幻灯片放映(这是我的测试幻灯片)。

我确定您可以做到一些很酷的东西,例如将HTML代码实现到另一个页面中。您甚至可以根据给定的HTML文件创建投资组合页面。我只是向您介绍了设置它的基础。

标签: