javascript - 检索数组并输出结果生成一组html图像

Question

简单地说，我正在使用一个名为 magnific popup 的插件，它是一个灯箱弹出窗口，您可以通过 dom 上的一组选项对其进行初始化:

$.magnificPopup.open({
    items: [
        { src: "img-src.jpg"  },
        { src: "img-src2.jpg" },
        { src: "img-src3.jpg" },
        etc
    ]
});

我已经用 javascript 创建了一个图像数组，保存在 div 中，然后需要将其传递到该列表中。只是我不确定如何。这就是我所拥有的。

var $zoomurl = $('.gallery').find('img').attr('src');

如何将 var $zoomurl 的内容获取到 items 选项中？对答案的解释也很有值(value)!

Answer 1

尝试使用$.map()

$.magnificPopup.open({
    items: $.map($(".gallery").find("img"), function(el) {
             return {"src":el.src}
           })

});