网站搭建

相册布局功能

学习如何在 Cargo 中创建和管理图片相册

Cargo 中文网用户福利

我们为中文用户整理了 Cargo 会员折扣购买方案,适合准备订阅或续费 Cargo 的用户。

查看 Cargo 会员优惠

Cargo 提供的相册布局模式

为了以特定方式展示图片序列,Cargo 提供了多种相册布局模式——包括网格 (Grid)列式 (Columnized)对齐 (Justify)自由 (Freeform)幻灯片(Slideshow)——每种模式都提供了丰富的选项供您使用。

要使用相册功能,点击顶部菜单栏中的“添加...”按钮,然后选择“相册”。如果您已经选中了图片,它们将自动添加到相册中。您也可以通过选中多张图片并打开图片设置窗口来创建相册。

如果您没有选中任何图片,创建的相册将包含占位内容;您可以从您的“图片菜单”中拖拽任何图片,悬停在占位符上方即可替换相册中的该占位内容。除了替换占位符,您还可以将图片从“图片菜单”或您的电脑桌面直接拖拽到相册中以添加新的内容。

要删除相册,您可以选中并删除其中的所有内容,或者打开其设置窗口,点击左下角的“移除相册”链接。

除了幻灯片相册,其他每种相册模式都会为其包含的图片或视频添加特定的布局选项。当图片或视频位于相册内时,这些选项会在其设置中显示。(右键点击可打开设置)

网格布局 (Grid)

以离散的行和列显示图片。每行的高度由该行中最高的项目决定。“垂直对齐 (Vertical Align)”选项允许您控制每行中的项目是相对于该行最高项目顶部、底部还是中心对齐。“水平对齐 (Horizontal Align)”控制未满行的水平位置。

列式布局 (Columnized)

以列的形式显示图片,底部边缘参差不齐。相册项目垂直排序,但不按水平方向排列:每个连续的项目都会被放置在相册顶部第一个可用的位置。这种垂直顺序的确定性较低,取决于相册的间隙大小和浏览器窗口的宽度;因此,您看到的布局可能与其他人看到的布局不同。

对齐布局 (Justify)

将图片以高度统一的行排列,就像文本文件中的文字一样。有四种可能的水平对齐方式:“左对齐”、“右对齐”和“居中对齐”优先保证行高一致性,而“两端对齐 (← →)”模式则允许行高有所变化,以确保每行填满相册的整个宽度。

对齐布局 (Justify) 在编辑器叠加层中增加了一个额外的选项,允许您单独调整相册中的每一行布局。默认情况下,每行会在没有足够空间容纳下一个项目时自动结束。要改变此默认行为,请将鼠标悬停在某个相册项目的右边缘,寻找一条红线。如果红线呈实线,表示当前悬停的项目已被指定为该行的末尾。点击这条红线可以切换是否将该项目设为行末。您还可以点击并拖动这条红线,将行末移到相邻的项目上。一旦指定了某行的末尾,整个对齐布局相册的布局就会被锁定,相册项目不会重新排列或换行。您可以通过点击相册设置窗口右下角的“清除所有指定行 (Clear All Designated Rows)”链接来解锁布局。

自由布局 (Freeform)

图片可以在相册区域内自由拖动到任何位置。将图片拖到相册的顶部或底部边界之外,相册会扩展以适应它们的新位置。使用相册设置中的“位移 (Shift)”、“适应宽度 (Fit to Width)”和“缩放 (Zoom)”工具,可以一次性移动或缩放所有相册项目。此外,相册设置中还有一个“磁吸对齐 (Magnetic Snap)”功能,帮助您精确调整布局。启用此设置后,拖动相册项目时,它们会吸附到彼此或相册边缘。拖动时,请注意相册项目后出现的灰色轮廓:当“吸附”行为被激活时,它会变成红色。将此设置设为 0% 时,图片会紧密地吸附在一起;其他百分比设置会强制在吸附边缘之间保持一定的距离(相对于相册宽度),从而创建精确的相册项目间隔。

幻灯片布局 (Slideshow)

以定时循环的方式显示图片。有三种切换模式:淡入淡出 (Fade)、滑动 (Slide) 和擦除 (Scrub)。使用擦除 (Scrub) 切换模式的幻灯片,观看者可以点击并拖动幻灯片,通过单一手势快速切换多张;也可以按住左右导航按钮,以动画方式浏览图片。

要重新排序或移除幻灯片中的项目,打开幻灯片设置并点击“显示幻灯片 (Show Slides)”,以可编辑的缩略图视图展示相册内容。完成修改后,点击视图外部即可返回幻灯片。