图库小部件（专业版）

图片库小部件允许您在页面上轻松添加复杂而美丽的图片库并为其设置样式。https://www.youtube.com/embed/YTK3tkbJdIw?feature=oembed&enablejsapi=1&origin=https%3A%2F%2Felementor.com

内容 #

设置 #

1. 类型：选择画廊的类型，从Single或Multiple中选择。多重允许您拥有可过滤的投资组合风格的图像库
   1. 如果选择了多个，请在字段中输入标题或使用动态标签*
2. 添加图片：从媒体库中选择多张图片插入您的画廊并为画廊输入标题
   1. 您还可以使用动态标签选项从发布图像附件、高级自定义字段库或 WooCommerce 产品库加载图像。这在主题构建器中创建单个帖子或产品模板时很有帮助
3. 排序方式：选择默认或随机顺序
4. Lazy-Load：设置为 Yes 以使用 Lazy Load 来提高加载速度。
5. 布局：从网格、对齐或砌体中选择。网格基于您选择的纵横比。Justified允许您设置每行的高度，并调整为每个图像的不同宽度。砌体保持相同的图像宽度并调整到不同的高度。
6. Columns：设置每行显示的列数，从 1 到 24。如果选择了对齐布局，则不可用。
7. 行高：设置每行的高度，以像素为单位。仅在选择对齐布局时可用。
8. Spacing：控制一行中每个图像之间的空间量。
9. 链接：将图像的链接设置为无、媒体文件或自定义 URL
10. 纵横比：选择纵横比，从 1:1、3:2、4:3、9:16、16:9 和 21:9 中选择。仅适用于网格布局。 
11. 图像大小：设置图像的大小，从缩略图到完整，或输入自定义大小。

如果选择类型：多个，则以下过滤栏附加选项变为可用：

过滤栏（仅在选择多种类型时可用） #

1. “全部”过滤器：选择“是”以包括“全部”过滤器，或选择“否”以排除它。
2. “全部”过滤标签：如果设置为是，请输入所需的标签或使用动态标签。“全部”是默认设置。
3. 指针：选择悬停在每个过滤器标签上时使用的指针。从无、下划线、上划线、双线、加框、背景或文本中进行选择。
4. 动画：设置指针的动画样式。从淡入淡出、滑动、增长、插入、退出或无中进行选择。

覆盖 #

1. 背景：选择“是”以在将鼠标悬停在每个图像上时出现叠加，或选择“否”以不叠加。
2. 标题：选择要显示为叠加层标题的元属性。从图像的 Title、Caption、Alt、Description 或 None 中选择。
3. 描述：选择要显示为叠加层描述的元属性。从图像的 Title、Caption、Alt、Description 或 None 中选择。

---

风格 #

图片 #

1. 边框颜色：选择图像边框的颜色，用于正常和悬停状态
2. 边框宽度：仅选择正常状态的边框厚度。
3. Border Radius：控制图像边框的圆角圆度，适用于 Normal 和 Hover 状态。
4. CSS 过滤器：设置 CSS 过滤器，从正常和悬停状态的模糊、亮度、对比度和饱和度中进行选择。
5. 悬停动画：选择悬停时图像的动画，从“无”、“放大”、“缩小”、“左移”、“右移”、“上移”或“下移”中选择，用于正常和悬停状态。
6. 动画持续时间（毫秒）：设置动画所花费的时间，以毫秒为单位。

覆盖 #

1. 叠加：为图像的正常和悬停状态选择叠加类型（经典或渐变）。
2. 颜色：为图像的正常和悬停状态设置叠加颜色或渐变颜色。
3. 混合模式：从多个图层效果中选择，包括正常、正片叠底、屏幕、叠加等。查看混合模式演示
4. 悬停动画：悬停时选择叠加层的入口或退出动画。从右滑入、左滑入、上滑入、下滑入、放大、缩小和淡入中选择。如果选择了入口动画，则图像在正常状态下显示为完全不透明，悬停时覆盖覆盖图像。如果选择了退出动画，则覆盖在正常状态下覆盖图像，并在悬停时移除。
5. 动画持续时间（毫秒）：设置动画所花费的时间，以毫秒为单位。

内容 #

1. Alignment：将内容向左、向右或居中对齐
2. 垂直位置：将内容与顶部、中间或底部对齐
3. Padding : 调整内容的内边距

标题 #

1. 颜色：选择标题的颜色
2. 排版：设置标题的排版选项
3. 间距：设置标题和描述之间的间距

描述 #

1. 颜色：选择描述的颜色
2. 排版：设置描述的排版选项

1. 悬停动画：选择悬停时内容的入口、反应或退出动画。对于入口动画，从向右滑入、向左滑入、向上滑入、向下滑入、放大、缩小和淡入中进行选择。对于反应动画，从“增长”、“收缩”、“左移”、“右移”、“上移”或“下移”中进行选择。对于退出动画，从向右滑出、向左滑出、向上滑出、向下滑出、放大、缩小和淡出中进行选择。
2. 动画持续时间：设置动画所花费的时间，以毫秒为单位。
3. 序列动画：设置为“是”以使标题和描述按顺序进行动画处理。设置为 No 可同时使 Title 和 Description 动画化。

过滤栏  #

These Filter Bar additional options become available only if Type: Multiple was chosen.

1. 文本颜色：为正常、悬停和活动状态选择过滤栏文本的颜色。
2. 排版：设置过滤栏文本的排版选项。
3. 指针颜色：选择过滤条指针的颜色。仅在 Hover 或 Active 状态下可用。
4. 指针宽度：选择指针的粗细。
5. 间距：控制过滤器文本项之间的间距。
6. 间隙：控制过滤器文本和图库图像之间的空间量。

---

先进的 #

设置适用于此小部件的高级选项