放大弹出窗口，选择上次显示的图像

Question

我有一个缩略图列表，当点击其中一个缩略图时，它会在弹出窗口中显示图像，并弹出Magnific脚本。

当点击缩略图时，我还会在刚刚点击的缩略图周围显示一个边框

function SelectPicture(picture_id) {
$("li").removeClass('add_border_image');
$("li#picture_"+picture_id).addClass('add_border_image');}

然而，当查看和浏览较大的图像时，我需要通过显示缩略图周围的边框来选择每个缩略图。这样，当弹出窗口关闭时，用户可以看到他最后看的是哪张图像。

我知道我可以像这样覆盖关闭按钮：

callbacks: {
open: function() {
$.magnificPopup.instance.close = function() {
$("li").removeClass('add_border_image');
$("li#picture_156259").addClass('add_border_image');    
$.magnificPopup.proto.close.call(this);
};
}
},

但是，如何将当前显示图像的id传递到右侧缩略图，以便显示边界？在上面的回调中，一切都像预期的那样工作，但这里缩略图的id是硬编码的，用于测试。

Answer 1

通过使用较大图像的索引并使用该索引将类添加到具有相同索引的相应缩略图中，使其正常工作。