如何将幻灯片过渡添加到 Slider Revolution

本文是我们正在进行的 Slider Revolution 系列教程的一部分。 您可以在我们的综合滑块革命指南中找到本系列的所有文章。

Slider Revolution 在风格方面具有很大的创造力和多功能性。 您可以创建简约、低调的滑块或具有大量图层的繁忙滑块。 第二种类型通常更有趣和动态。 但是如果你有一个由非常好的图像组成的滑块但没有额外的图层,你仍然可以让它流行起来。 这正是 幻灯片过渡的来源.

关于幻灯片过渡

在 Slider Revolution(该部门有一些出色的选项)中,幻灯片过渡用于为由背景图像和一些(或没有)附加层组成的幻灯片制作动画。 实际上,幻灯片过渡是 当一张幻灯片移动为下一张幻灯片腾出空间时出现的效果.

这些过渡可以帮助您定义滑块的节奏和感觉,因为它们可以是缓慢而微妙的,也可以是快速而大胆的。

让我们快速了解一下如何设置 Slider Revolution 幻灯片过渡。

第一张幻灯片过渡

Slider Revolution 为我们提供了一个选项,可以为进入的第一张幻灯片选择单独的过渡,并为随后的幻灯片选择不同的过渡。 这有助于将第一张幻灯片分开作为一种介绍。 如果您为背景图像选择“从右到左”的滑动动作,那么您的第一张幻灯片应该有不同的过渡方向。 如果您为第一张幻灯片保留相同的设置,则在您的第一张背景图像从侧面滑入之前,您将有一个空白页面。 因此,对于第一个幻灯片过渡,始终建议使用简单的 淡入 动画片。 要设置此选项,请转到 模块常规选项 > 常规 > 第一张幻灯片 并设置 差异动画.

第一张幻灯片过渡

在此示例中,我们使用 Yvette WordPress 主题中的 Passepartout Slider 主页,将其默认值保留为 过渡类型, 过渡时间 并且对于 过渡槽量. 当然,您可以更改这些以适合您的网站风格。 只是不要为过渡持续时间设置太高的值,以避免第一张幻灯片图像的加载时间过长。

单张幻灯片过渡

处理完第一张幻灯片后,您可以制作 单张幻灯片动画 对于滑块的每个背景图像。 您为第一张幻灯片设置的那个 将在幻灯片第二次出现时出现 (当然,如果您为第一个幻灯片过渡选择了不同类型的动画)。

您可以为所有幻灯片使用相同的动画,也可以为每个幻灯片设置不同的动画。 去 幻灯片选项 > 动画 > 幻灯片动画 然后点击蓝色的大按钮打开不同的过渡动画。

单张幻灯片过渡

有多种过渡类型可供选择,您可以选择您喜欢的类型并从附加下拉列表中选择动画。

各种过渡类型

我们决定为所有幻灯片使用相同的动画,这就是我们使用的。 对于类型,我们选择 滑过,并且对于我们选择的外观方式 向左滑动. 它的其他默认选项似乎很合适,所以我们保持原样。 Slide Over 意味着您的下一张图片将始终滑过前一张,在我们的例子中,它会从右到左出现。

向左滑动

这里是过渡的附加设置。 你可以改变它的速度和缓动。

过渡的附加设置

设置完所有内容后,他的过渡就是这样的:

伊薇特主题

把它包起来

幻灯片过渡是每个滑块的重要元素,因此强烈建议仔细考虑它们并将它们设置为适合您的网站风格和氛围。 正如我们在本文中看到的,应该遵守某些做法。 例如,与其他幻灯片相比,您的第一张幻灯片应该具有不同的过渡效果,并且过渡的持续时间不应该太长。 Slider Revolution 提供了大量用于自定义此效果的选项,我们建议您对它们进行一些试验,直到获得完美的结果。

In relation :  如何在 WordPress 中确保干净的图像文件名