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

Question

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

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

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

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

这可以做到吗？

提前致谢

Answer 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";

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