Table of Contents
Elementor 灯箱在100% 移动响应灯箱弹出窗口中打开图像、画廊、轮播和视频https://www.youtube.com/embed/uBQJXeZ4uLM?feature=oembed
灯箱功能默认开启。您可以通过转到其设置将其关闭,然后取消选中该复选框。在任何 Elementor 页面或帖子中,单击 小部件面板 左上角 的汉堡菜单,然后导航到 站点设置 > 设置 > 灯箱。
您还可以全局打开或关闭灯箱,并通过以下方式自定义灯箱设计:
- 单击面板左上角的汉堡图标,然后选择全局设置。
- 选择灯箱选项卡。
Global Lightbox 选项卡使您能够调整以下设置:
- 图像灯箱:滑动开关以全局启用或禁用灯箱。
- 计数器:仅适用于多图像画廊。如果设置为是,则将图像计数添加到灯箱的左上角。例如,如果图库包含 6 张图片,则计数器将显示 1/6、2/6 等以指示“第 6 张图片”、“第 6 张图片中的第二张”等。
- Fullscreen:如果设置为Yes,添加一个可点击的图标以允许用户在全屏灯箱中打开图像。
- Zoom:如果设置为Yes,则添加一个可点击的图标以允许用户放大灯箱中的图像。放大图像后,您将能够平移视图并滚动图像的不同区域。
- 分享:如果设置为是,分享功能将添加到灯箱,允许用户在 Twitter、Facebook 和 Pinterest 上分享图像,或将其下载到他们的计算机上。
- 标题:可选择在灯箱中的图像下方显示标题。从None、Title、Caption、Alt或Description中选择
- 描述:可选择在灯箱中的图像下方显示描述。从None、Title、Caption、Alt或Description中选择
- 背景颜色:选择灯箱的背景颜色和不透明度。
- UI 颜色:选择UI 颜色。这会影响灯箱箭头和点导航、关闭按钮等。
- UI 悬停颜色:选择UI 悬停颜色。当用户将鼠标悬停在每个按钮上时,这会影响灯箱箭头和点导航、关闭按钮等。
注意:以上所有功能都是移动响应的。参观者可以全屏缩放、打开图像和视频,并分享手机中的图像。
图片灯箱 #
图像灯箱在灯箱弹出窗口中打开所有图像链接。只要图像的“链接到”设置为“媒体文件”,灯箱就会自动处理任何指向图像文件的链接。
选择“媒体文件”后,会出现一个名为“灯箱”的附加选项。在这里,您会注意到此图像的灯箱功能设置为Default,这反映了Elementor > Settings > Style部分中设置的状态。您可以选择将此图像的设置从“默认”更改为“是”或“否”。
- 在编辑器中,将 Image 小部件拖放到页面上,然后选择一个图像。
- 将链接到选项更改为“媒体文件”(必须这样做才能使灯箱工作。)
- 将Lightbox下拉菜单设置为Yes
- 通过单击图像预览灯箱更改