Javascript 放大弹出窗口-从第二个阵列项启动库

我想学习如何修改放大弹出代码，以控制创建的图像数组，从而不是从项目0（库的第一个图像）而是从1（库的第二个图像）启动库。我需要对图库中的逻辑进行一些小的修改。当前行为是当从“图库”中单击其中一个缩略图时，将启动弹出窗口“图库”，并单击缩略图的图像。我需要从阵列中生成库中的下一个图像。比如说。我有一个4张图片的画廊。缩略图是库中的第一个图像。单击“我需要从库中加载第二个图像”。非常感谢您的帮助！先谢谢你

这是函数代码

function lightbox（）{
$（'.lightbox'）。放大弹出窗口({
代表：“a”，
键入：“图像”，
画廊：{
启用：对，
箭头标记：“”，
},
mainClass:“mfp放大”，
removalDelay:500，//延迟删除以允许输出动画
回调：{
beforeOpen:函数（）{
this.st.image.markup=this.st.image.markup.replace（'mfp-figure'，'mfp-figure-mfp-with-anim'）；
}
},     
关闭标记：“”，
点击中键：正确
});
}

在打开回调之前使用

，获取实例并对实例调用
next（）

callbacks: {
  beforeOpen: function() {
    var mfp = $.magnificPopup.instance; // instance of magnificPopup
    mfp.next();
  }
}

更新：如果不应显示第一个项目，则无需使用
next（）
只需将其从
项目
数组中拼接出来，索引就可以了

callbacks: {
    beforeOpen: function() {
      var mfp = $.magnificPopup.instance; // instance of magnificPopup    
      mfp.items.splice(0, 1);
      mfp.updateItemHTML();
    }
}

谢谢新手！我能够前进到下一个项目实例。下面是代码。我不得不将“function（e）”修改为function（），它开始正常工作

但是，我需要从数组集合中删除第一项。实现这一目标的最佳解决方案是什么？再次感谢你


function lightbox（）{
$（'.lightbox'）。放大弹出窗口({
代表：“a”，
键入：“图像”，
画廊：{
启用：对，
箭头标记：“”，
},
mainClass:“mfp放大”，
removalDelay:500，//延迟删除以允许输出动画
回调：{
beforeOpen:函数（）{
var mfp=$.magnificpoop.instance；
mfp.next（）；
this.st.image.markup=this.st.image.markup.replace（'mfp-figure'，'mfp-figure-mfp-with-anim'）；
}
},     
关闭标记：“”，
点击中键：正确
});
}