壮观的弹出窗口，选择最后显示的图像

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

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