灯箱

Table of Contents

Elementor 灯箱在100% 移动响应灯箱弹出窗口中打开图像、画廊、轮播和视频https://www.youtube.com/embed/uBQJXeZ4uLM?feature=oembed


灯箱功能默认开启。您可以通过转到其设置将其关闭,然后取消选中该复选框。在任何 Elementor 页面或帖子中,单击 小部件面板 左上角 的汉堡菜单,然后导航到 站点设置 > 设置 > 灯箱

您还可以全局打开或关闭灯箱,并通过以下方式自定义灯箱设计:

  1. 单击面板左上角的汉堡图标,然后选择全局设置
  2. 选择灯箱选项卡。

Global Lightbox 选项卡使您能够调整以下设置:

  1. 图像灯箱:滑动开关以全局启用或禁用灯箱。
  2. 计数器:仅适用于多图像画廊。如果设置为是,则将图像计数添加到灯箱的左上角。例如,如果图库包含 6 张图片,则计数器将显示 1/6、2/6 等以指示“第 6 张图片”、“第 6 张图片中的第二张”等。
  3. Fullscreen:如果设置为Yes,添加一个可点击的图标以允许用户在全屏灯箱中打开图像。
  4. Zoom:如果设置为Yes,则添加一个可点击的图标以允许用户放大灯箱中的图像。放大图像后,您将能够平移视图并滚动图像的不同区域。
  5. 分享:如果设置为,分享功能将添加到灯箱,允许用户在 Twitter、Facebook 和 Pinterest 上分享图像,或将其下载到他们的计算机上。
  6. 标题:可选择在灯箱中的图像下方显示标题。从NoneTitleCaptionAltDescription中选择
  7. 描述:可选择在灯箱中的图像下方显示描述。从NoneTitleCaptionAltDescription中选择
  8. 背景颜色:选择灯箱的背景颜色和不透明度。
  9. UI 颜色:选择UI 颜色。这会影响灯箱箭头和点导航、关闭按钮等。
  10. UI 悬停颜色:选择UI 悬停颜色。当用户将鼠标悬停在每个按钮上时,这会影响灯箱箭头和点导航、关闭按钮等。

注意:以上所有功能都是移动响应的。参观者可以全屏缩放、打开图像和视频,并分享手机中的图像。


图片灯箱 #

图像灯箱在灯箱弹出窗口中打开所有图像链接。只要图像的“链接到”设置为“媒体文件”,灯箱就会自动处理任何指向图像文件的链接。

选择“媒体文件”后,会出现一个名为“灯箱”的附加选项。在这里,您会注意到此图像的灯箱功能设置为Default,这反映了Elementor > Settings > Style部分中设置的状态。您可以选择将此图像的设置从“默认”更改为“”或“”。

  1. 在编辑器中,将 Image 小部件拖放到页面上,然后选择一个图像。
  2. 将链接到选项更改为“媒体文件”(必须这样做才能使灯箱工作。)
  3. Lightbox下拉菜单设置为Yes
  4. 通过单击图像预览灯箱更改

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top