注意:
Adobe Muse 不再添加新增功能,并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助,请参阅 Adobe Muse 服务结束页面。
Adobe Muse 中的“幻灯片”构件是交互式构件,只适用于图像。类似于“选项卡式面板”构件,当用户单击缩略图容器时,对应的主体图像版本就会在页面上的另一个较大容器中显示。
Adobe Muse 支持以下类型的“幻灯片”构件:
- 基本:此构件包含一个可以添加图像的大容器,在下方可以添加题注。题注区域也可以使用上一张按钮、下一张按钮和当前幻灯片编号。
- 空白:这类似于“基本”幻灯片。但是,在此构件中容器是空的。
- 全屏:当您将此构件拖放到设计画布上时,它会以全屏模式显示。默认情况下,页面左上角的小容器里有上一张按钮、下一张按钮和当前幻灯片的编号。
- 灯箱:除页面上正在显示的幻灯片或图库元素外,此构件会让页面的其余部分变暗。灯箱是幻灯片中常用的构件之一,可将用户的注意力立即吸引到当前的图库。
- 缩略图:此构件类似于“构图”构件,图库区域左侧有缩略图。当用户单击缩略图时,对应的图像会显示在图库区域中。
在下文中,我们将创建一个照片库,它沿着顶部显示多个缩略图图像,在下面显示一幅较大的图像。使用“选项”面板,您可以控制照片库的行为和显示方式。您也可以在“控制”面板中应用设置,以设置幻灯片外观的样式。
-
选择构件,然后单击蓝色箭头图标以访问“选项”面板。在此示例中,您不需要“下一张”和“上一张”箭头按钮。因此,请取消选中“下一张”和“上一张”选项以禁用它们。请注意,取消选中复选框后,这些按钮会消失。
请取消选中“题注”和“计数器”选项,以便只保留缩略图触发器按钮和较大的目标容器。浏览选项并相应更新,使其与下列设置匹配:
- 新建主体:按比例填充框架
- 新建缩略图:按比例填充框架
- 过渡:淡化
- 过渡速度:0.5 秒
- 自动播放:未启用
- 继续前间隔:启用
- 播放一次:未启用
- 随机播放:未启用
- 启用滑动:启用
- 灯箱:启用
- 全屏:启用
- 自动灯箱:未启用
- 任意形状缩略图:启用
- 第一张:未启用
- 上一张:启用
- 下一张:启用
- 最后一张:未启用
- 题注:启用
- 计数器:启用
- 关闭按钮:未启用
- 缩略图:启用
- 编辑时显示灯箱组件:启用
- 一起编辑:启用
在“选项”面板中更新“缩略图幻灯片”构件的设置。
-
不同构件有不同的选项,有些构件复杂,有些构件简单。花一些时间查看“菜单”选项以查看可用设置。以下是简要概述:
添加图像:单击文件夹图标以浏览并选择想要显示的图像。
新建主体:定义如何在目标容器中显示较大照片内容。
- 按比例调整内容:照片图像文件保留其原始大小,即便是大小与目标容器不匹配;当图像不适合容器时,容器的一部分可能为空白,图像未填入其中。
- 按比例填充框架:照片图像文件大小会经过调整,按比例填充整个目标容器;部分照片图像可能被裁剪。
新建缩略图:定义如何在触发器容器中显示较小的缩略图照片内容。
- 按比例调整内容:照片图像文件保留其原始大小,即便是大小与目标容器不匹配;当图像不适合容器时,容器的一部分可能为空白,图像未填入其中。
- 按比例填充框架:照片图像文件大小会经过调整,按比例填充整个目标容器;部分照片图像可能被裁剪。
过渡:目标容器内容正在替换为另一个目标容器的过程中使用的动画方法。对于触摸屏也支持,因此,如果您创建适用于移动设备的网站,访客滑动其屏幕以显示下一个内容项目时,会看到播放过渡动画。
- 淡化:新容器的透明度越来越高,现有容器的透明度越来越低。
- 水平:新容器从侧边水平滑入,擦掉现有容器。
- 垂直:新容器从侧边垂直滑入,擦掉现有容器。
过渡速度:播放动画所需的时间(以秒为单位)。
自动播放:通过启用此设置,将自动播放幻灯片,而不是一种交互式体验(需要访客单击每个触发器来查看序列中的对应目标)。设置您希望每张图像在过渡到下一张图像之前显示的秒数。
随机播放:启用此选项后,图像以随机顺序显示,而不是按顺序循环显示缩略图。
灯箱:启用此选项后,在显示目标容器的内容时,幻灯片将通过叠加使页面其余部分变暗。 关闭灯箱窗口后,将重新显示整个页面。
启用滑动:启用此选项并且网站包含一个平板电脑或手机布局,以在移动设备上显示网页内容时,构件的交互式组件将支持触摸屏手势。
组件部分:
- 第一张:当启用此选项时,显示“第一张”导航按钮。
- 上一张:当启用此选项时,将显示“上一张”导航按钮。
- 下一张:当启用此选项时,将显示“下一张”导航按钮。
- 最后一张:当启用此选项时,将显示“最后一张”导航按钮。
- 题注:启用此选项时,将显示照片库题注。
- 计数器:启用此选项时,将显示照片库计数器。
- 关闭按钮:启用此选项时,则显示关闭按钮。
缩略图:启用此选项时,将显示缩略图触发器按钮。
编辑部分:
- 在编辑时显示灯箱组件:启用此选项时,在页面中选择对应触发器时,默认情况下只显示每个目标区域。设计布局时,您可能发现启用此选项会非常有用,让您能在工作时看到目标。在浏览器中预览和查看页面时,此设置不影响幻灯片的显示。如果未启用“灯箱”选项,此选项将灰显。
请注意,选择“幻灯片”构件后,“编辑时显示灯箱组件”选项才会启用。
- 一起编辑:默认情况下,启用此选项,这有助于快速编辑构件。除非您需要分别设置每个触发器,否则请保持启用此选项,以便对一个元素所做更改自动应用到其他元素。
在查看可用设置后,请单击“选项”菜单外面的页面区域以将其关闭。
注意:
“灯箱”和“全屏”选项对于全屏幻灯片是禁用的。
除“全屏”幻灯片外,无法为任何“幻灯片”构件启用“全屏”选项。
默认情况下,幻灯片是响应式或流动式。要在 Adobe Muse 网站中使用响应式“幻灯片”构件,请执行下列操作之一:
- 如果要创建新站点,请打开新站点,并从“构件库”面板拖放“幻灯片”构件。请注意,默认情况下,该组件是响应式的。
- 如果有现有的 .muse 文件,请使用最新版的 Adobe Muse 打开此文件。选择该构件。要让构件变为响应式,请选择构件中的元素,然后从“上下文”菜单中的“调整大小”下拉列表中选择“响应式宽度和高度”或“响应式宽度”选项。

如果将“幻灯片”构件添加到响应式网站,请通过所有断点检查该构件的位置和大小。您可以修改“幻灯片”构件中单个元素的内容和大小。还可以为单个元素启用“响应式”设置,比如“上一张”按钮、“下一张”按钮、跨不同断点的“题注”等。
“幻灯片”构件是您可以添加到网页的另一个网站功能。您可以设置要求访客单击缩略图才能查看照片大图版本的幻灯片,也可创建在页面加载时自动播放的幻灯片。自动播放幻灯片是通过呈现一系列照片为您的网站添加精彩内容的好方法。您可以通过设置过渡类型来决定幻灯片的动画呈现效果,从而控制幻灯片的播放方式。
在下面的小节中,您将为网站的首页添加自动播放幻灯片。
在“计划”视图中,双击“计划”视图中的“首页”缩略图将其打开,以便在“设计”视图中进行编辑。
您可以使用“全屏幻灯片”构件设置以全屏显示的幻灯片。当访客单击全屏幻灯片时,内容会按比例放大,在计算机和设备屏幕上填满整个浏览器窗口,暂时遮住网站其余内容。如果需要,幻灯片可设置为自动播放,在页面加载时开始循环显示图像。访客可以按 Esc 退出幻灯片。
按照以下步骤操作,为网站添加一个全屏幻灯片构件:
当内容在灯箱中显示时,表示模态窗口成为焦点,将高亮显示其内容,同时使页面其余部分变暗。访客可通过单击缩略图、“下一张”或“上一张”按钮与灯箱交互。要退出灯箱并返回到普通网站视图,访客可单击“关闭”按钮或按 Esc 键。
Adobe Muse 中的所有幻灯片构件都提供了灯箱选项。此外,“幻灯片”部分的一个构件已预先配置为使用灯箱行为。“灯箱幻灯片”构件默认情况下已启用“灯箱”选项。
要创建在灯箱中显示图像的幻灯片,请按照以下步骤操作: