点击带灯箱的图像轮播，获取图像 URL，然后显示灯箱

Question

我有一个 WordPress 网站，我在 Blocksy 主题中使用 elementor Image Carousel。这是我为图像选择的选项

1. 链接 - 媒体文件
2. 灯箱 - 是

当我单击图像时，首先我会导航到媒体 URL - /wp-content/uploads/image - 当我返回时，我会看到灯箱（默认带有 elementor 的灯箱）以全屏模式打开图像。

在这里，单击图像时，我只想打开灯箱，而不导航到 /wp-content/uploads/image 路径。我怎样才能实现这个目标？

我尝试使用 WP Code Light 插件运行下面的 jQuery 和类似的 php 代码。还尝试了一些 chatgpt 答案，但没有成功。 在下面的代码中，我尝试阻止锚标记的默认行为。 但即便如此，媒体网址仍会打开。

    // Ensure the script runs after the DOM is fully loaded
    $('.carousel a').on('click', function(e) {
        e.preventDefault(); // Prevent the default link behavior

        // Get the href attribute of the clicked link
        var href = $(this).attr('href');

        // Ensure the lightbox plugin is available and has a method to open images
        if (typeof $.featherlight === 'function') {
            $.featherlight(href); // Open the lightbox (replace with the correct method if using another plugin)
        } else {
            console.error('Featherlight plugin is not loaded or available.');
        }
    });
});

请分享解决方案吗？我可以使用任何免费的轮播，除非它支持单击时全屏显示图像视图。谢谢！

Answer 1

转到站点设置 灯箱

禁用除图像灯箱之外的所有内容😎