Flash动画：Flash的网页设计：创建缩略图库
时间:2012-12-31 12:40来源:卓想动画http://www.zxgzs.com 作者:QQ：610929375 点击: 次
现在，我们已经取得了我们的网页的内容页面，我们要做出实际的内容，在他们去。 要开始了，我们会做一
些简单的事情：使用图像按钮，当点击时，使用JavaScript来打开新的窗口，包含HTML内容的缩略图画廊。
虽然这可能看起来更像是网络编程比动画，它仍然是必不可少的了解在Flash网页设计-有趣的是，当你想想看
，这是一个动画的形式。 还有什么是我们的Flash网页，但四格动画，我们控制播放上使用按钮的帧之间移动
呢？
不过不用担心，我们不会太深入的JavaScript编码。 我给你一些简单的编辑复制粘贴代码，一旦我们得到它
，和一个简单的故障，你需要修改的地方，为什么。 在我们太超前了，我们需要准备好让我们的内容为Flash
。
刚开始时，我选择了几个的图像去上我的“投资组合”页面，这是我要显示我的画廊。 对于这些图像，我做
了一个小的缩略图 - 一个小型的预览图像，用户可以点击查看完整大小的图片。 缩略图是网页设计的方便，
因为它们体积小，但仍然表现出足够的图像，让用户决定他们感兴趣的点击不使用的带宽，吨，吨。
接下来，我有我的完整大小的图片来创建内容页。 虽然我们保持我们的网页包含在Flash中，在弹出的窗口中
，我们需要单独的页面，有内部的方法来创建在Flash的弹出窗口，但现在我们要保持它的简单和容易。
我使用Dreamweaver创建快速的点和点击网页非常小的复杂的格式，我只是把我的形象，改变了网页的背景颜
色，改变文字的颜色，格式的字体，然后为中心的一切，然后再键入一个快速评论上的图像。
所有这一切准备好，放在一边，让我们返回到Flash。 打开工作文件，其中包含您的网页，然后进入文件- >
导入到库 。 仅导入的缩略图 ，这些都是唯一的，实际上，你需要在你的电影文件。 一切都将被载入外部
。我们希望把所有内容在一个单一的框架，作为一个“页”。 首先，创建一个新的图层缩略图，然后点击您
指定单个帧包含的画廊。 单击鼠标右键，选择“ 插入关键帧 。 （如果你开始添加内容，不先插入一个关
键帧，内容将自动创建一个关键帧的动画的第一帧和伸展的整个期间。然后，您可以编辑你的时间表，随后删
除内容，但其中一个框架，它是比较容易的，只需添加空的关键帧的任何内容有局限。）拖动缩略图从您的图
书馆，并安排他们在您的网页上，你想让他们出现。 您可以使用“ 对齐“工具，安排他们在整齐间距的相互
引用。
接下来，一个按钮元件（F8）的每个缩略图。 您不必创建翻车的这些，如果你不想要，甚至是编辑的状态，
有些人觉得它巧妙地使一个负面的形象或辉光作为过渡，但我宁愿离开我的，因为他们是和只是让他们为按钮
，这样我就可以添加相应的动作脚本打开一个URL（网址）。
选择你的第一个缩略图，右键单击它，选择操作该按钮，打开动作面板。 我们将使用熟悉的getURL命令，但
以不同方式之前，我们只是把常规链接到URL地址栏，但现在我们要插入一个JavaScript代码，它通知Flash打
开的页面，我们中指定一个新的窗口，有一定的宽度和高度。 JavaScript是一种完全不同的编码从
ActionScript语言，而不应与它相混淆，但一点点谨慎，并不困难，使两者协同工作，使您可以插入
JavaScript代码，以使您的Flash网页更加复杂和可定制。
要开始，继续前进，插入您的getURL 动作- > BrowserNetwork>的getURL命令。 像往常一样，它会自动插入
一个关于（释放）包含的命令，让Flash知道鼠标按钮时，执行释放的点击。
现在，在“URL”字段中，你要插入以下代码（粗体部分是，你将需要改变的部分）：
无效（0）;
这里的事情，你需要改变：
• 弹出：我们要插入的代码是一个函数，并且该函数需要一个名字。 这是函数的名称，你可以把它改
成任何你想要的。
• yourpage.htm：这应该是你要打开的网页的名称。 如果您的Flash影片在同一目录下，你可以把文
件名。 如果是在不同的目录，你必须添加路径（如组合/ yourpage.htm）的。
• artwindow需要在JavaScript中，这样他们就可以被引用后（如符号在ActionScript中的实例）被命
名为新的窗口。 这是您分配一个名称，你的窗口，同样地，你可以将它命名任何你想要的。
• 宽度= 650：定义在打开的窗口，以像素为单位的固定宽度。 更改号码，以反映你希望自己的窗口
有多宽。
• 高度= 600：定义在打开的窗口，以像素为单位的固定高度。 更改号码，以反映有多高，你希望自
己的窗口。
我不打算解释其余的代码，而只是说，你不应该碰任何东西大胆的区域外，解释，整个功能将是一个教训，在
其本身，这就是史蒂芬•查普曼的地区。 看看在他对Javascript的GuideSite ，如果你有兴趣了解更多。
如果你有兴趣看到的弹出式窗口看起来应该看看我的成品画廊 。 单击“投资组合”按钮，然后尝试不同的缩
略图，打开各种零碎的，我用我的作品建立画廊。
你应该重复的Javascript的每一个缩略图，改变HTML文件，它会打开，以配合正确的弹出窗口，并改变其他参
数，你认为合适的。
(责任编辑：卓想动画http://www.zxgzs.com)
下一篇：闪光提示：编程工具：橡皮擦工具
