Elementor 插件实现点击单张图片打开画廊Light box

本文介绍了一种简单的方法实现点击一张缩略图打开一组图片的gallery lightbox,无需使用其他的额外插件或者代码。主要的方式是通过图像轮播功能组件。

首先在Elementor编辑器中打开图像轮播,并且添加需要展示的组图,确保轮播中的第一个图像是要显示为“缩略图”的图像。

在设置中我们需要设置仅显示1张图片,关闭导航,选择链接为媒体文件,在其他选项中关闭自动播放和无限循环,如下图所示。

注意:为了保持展示的效果,所有的图片都设置为相同的宽高比,请提前处理相关图片。

除了以上的方式,我们还可以通过elementor popup弹窗功能制作弹窗,弹窗内添加所有图片,然后我们在图像的链接选择自定义URL,点击右侧的动态图标,选择popup。然后在popup中搜索我们制作好的弹窗。

这么做的优点是可以通过弹窗自定义要展示的内容,不仅限于图片。

留下评论

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