在已运行的 lightGallery 实例中添加/编辑选项答案

【问题标题】：Add/edit an option in an already running instance of lightGallery在已运行的 lightGallery 实例中添加/编辑选项
【发布时间】：2020-01-19 08:32:50
【问题描述】：

是否可以在已运行的 lightGallery 脚本实例中添加/编辑选项？我有这个 WordPress 主题，它在画廊上加载 lightGallery 的实例，我需要添加/编辑它的一些选项（例如：更改图像之间的过渡效果）而不修改主主题文件（例如，在子主题上） .

这是在主题中找到的代码：

var container = $( '.gallery' );
var parseImage = container.data( 'images' );

if ( typeof $.fn.lightGallery != 'undefined' ) {
    container.lightGallery({
        dynamic : true,
        dynamicEl : parseImage
    });
}

这个可以吗？

提前致谢

【问题讨论】：

您查看过“lightGallery”的文档吗？
是的，我看到您可以使用 destroy() 方法销毁实例并使用新参数重新初始化它，但我想知道是否有办法做到这一点而不必先销毁实例。

标签： javascript image lightbox lightgallery

【解决方案1】：

来自他们的Pluging API page

    // You can access all lightgallery variables and functions like this.
    this.core = $(element).data('lightGallery');

    this.$el = $(element);
    this.core.s = $.extend({}, defaults, this.core.s)

$(element).data('lightGallery') 的 s 属性似乎包含所有选项。所以你可以在那里设置模式。像这样：

$(element).data('lightGallery').s.mode = "lg-slide";

我在他们的转换演示页面上的控制台中对此进行了测试，它确实有效。

【讨论】：