按钮图片幻灯片

ActivInspire教程-幻灯片效果

这真的不是广告上面这个网页效果，相信大家在不少网站上都见过，我叫这种效果是幻灯片效果。通过点击几个按钮，可以...

这真的不是广告

上面这个网页效果，相信大家在不少网站上都见过，我叫这种效果是幻灯片效果。通过点击几个按钮，可以呈现相应的图片。这种效果的好处，就是在有限的空间内，叠放了很多信息，通过预设的按钮来切换信息。

在我们的课件中，如果在一个环节内，分支内容很多，大多数情况都会采用多页呈现，通过页面跳转来链接各页面的跳转。这样做的好处，就是制作简单，只要逻辑清晰，就不会出错。但是，缺点也是显而易见的。分处各页，却同属一个环节的内容，在老师翻页切换的过程中，会无意中打断原本连贯的教学。

如果我们可以用上面那个幻灯片效果，不是就把所有内容放在一页了吗？

让我们来看看下面这个例子。

上图中，呈现了三种动物的介绍，图片+文字说明，通过三个按钮来切换。看到这里，好多熟悉Inspire的老师，马上就会想到“隐藏”功能。通过按钮，把图片隐藏，不就可以了吗？但是，一试就知道了，马上会出错。

问题出在哪里呢？——图层！

“隐藏”这个功能，只能改变对象的可见性，不能改变对象的图层。这会出现什么情况呢？如果在最上层的那张图片一直可见，位于它下方的图片，不管可见不可见，你都看不见。。。。。。。囧，怎么这么绕口。

所以我们换一个角度来看这个问题，我们要呈现的图片是摞在一起的，我们只能看到最上层的那张，如果我们想看到下面的某一张，我们只需要把它从原本的层拖到最上层，不就可以看到它了吗？

那，问题解决了。我们只要处理图层就可以了。

Inspire的功能里面，对图层进行操作的功能有，前移/后移，前置/后置。在这个例子中，不管那张图片原本在第几层，我们都要让它到最上层，这就是“前置”功能。

首先我们需要三张图片，为了好操作，将动物图片与文字说明整合成一张图片，这样三种动物就是三张图片。

然后我们做3个按钮，并将3个按钮拖到顶层：

为什么要把按钮拖到顶层呢？因为在中间层，通过前置操作，会让某张动物图片移动到中间层的最上方，这样就会将处于中间层的按钮遮住了。因为前置操作只是在中间层起作用，所以我们为了不影响到三个按钮，将按钮拖到位于中间层上方的顶层中。

然后我们对三个按钮分别进行前置设置，这里以一个按钮为例：

三个按钮都设置好，就可以达到上面的那种幻灯片效果了。