检索数组和输出结果以生成一组html图像

Retrieve array and output results to generate a set of html images

本文关键字:一组 图像 html 数组 输出 结果 检索      更新时间:2023-09-26

简单地说,我正在使用一个名为magnific popup的插件,这是一个灯箱你可以通过dom ready上的一组选项来初始化它:

$.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的内容到项目选项?对答案的解释也很有价值!

尝试使用$.map()

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