本文介绍了一种简单的方法实现点击一张缩略图打开一组图片的gallery lightbox,无需使用其他的额外插件或者代码。主要的方式是通过图像轮播功能组件。
首先在Elementor编辑器中打开图像轮播,并且添加需要展示的组图,确保轮播中的第一个图像是要显示为“缩略图”的图像。
在设置中我们需要设置仅显示1张图片,关闭导航,选择链接为媒体文件,在其他选项中关闭自动播放和无限循环,如下图所示。
注意:为了保持展示的效果,所有的图片都设置为相同的宽高比,请提前处理相关图片。
除了以上的方式,我们还可以通过elementor popup弹窗功能制作弹窗,弹窗内添加所有图片,然后我们在图像的链接选择自定义URL,点击右侧的动态图标,选择popup。然后在popup中搜索我们制作好的弹窗。
这么做的优点是可以通过弹窗自定义要展示的内容,不仅限于图片。