如何自动运行photoswipe以显示图库中的第一张图片？

Question

我试图在页面加载后立即在页面上自动运行photoswipe。我尝试了两种不同的解决方案，第一种看起来像这样：

document.addEventListener('DOMContentLoaded', function(){

    Code.photoSwipe('a', '#Gallery');
    Code.PhotoSwipe.Current.show(0);
}, false);

我找不到关于我应该把它放在哪里的文档，所以我只是在相关页面上的单独标签中有这个。第二个看起来像这样。

$(document).on('pagebeforeshow', '#index', function(){   
    var myPhotoSwipe = $(".gallery li a").photoSwipe({
        jQueryMobile: true,
        loop: false,
        enableMouseWheel: false,
        enableKeyboard: false
    });
    myPhotoSwipe.show(0);      
});

因为第二个是jQuery而我朋友的网站是用WordPress制作的，所以我把它包起来并使用了相应的id，但什么都没发生。 （我还仔细检查过我将代码放在正确的模板中，实际上在页面的源代码中找到了JS。）但是仍然没有。

如果有人能帮助我，他们会让我几个小时的头痛（可能还有我的生命），因为我答应我的朋友我能做到这一点。