使用 javascript 显示多张图片

Question

我正在尝试在 javascript 中显示图像并且它有效但是在使用 Instagram 图像的抽象实现它的那一刻，多个图像不能被视为背景，它似乎不采取标签 "a" 的数据背景图像，显然有这行代码：

$.get("https://images"+~~(Math.random()*33)+"-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/" + name + "/", function(html) {

碰巧没有添加背景图片，我会错过什么？

这是我的观点：`

var name = "legend_arnoldschwarzenegger";

$.get("https://images"+~~(Math.random()*33)+"-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/" + name + "/", function(html) {
    if (html) {
        var regex = /_sharedData = ({.*);<\/script>/m,
          json = JSON.parse(regex.exec(html)[1]),
          edges =  json.entry_data.ProfilePage[0].graphql.user.edge_owner_to_timeline_media.edges;
          
      $.each(edges, function(n, edge) {
                var node = edge.node;
                var div = document.createElement("div");
                div.className = "col-xl-6";
                div.innerHTML =
                    "<a href='" + node.thumbnail_src + "' class='photo-box mfp-gallery' data-background-image='" + node.thumbnail_src + "' data-toggle='lightbox' title='Instagram' style='width: 400px;'>\n" +
                    '<div class="photo-box-content">\n' +
                    "<span>Instagram</span>\n" +
                    '</div>\n' +
                    '</a>\n';

                document.getElementById('insta_images').appendChild(div);
      });
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="insta_images" class="row"></div>

Answer 1

这个

data-background-image='"+node.thumbnail_src+"'

不向元素添加背景图像样式 - data-background-image 只是元素上的一些数据

div.innerHTML =
    "<a href='"+node.thumbnail_src + "' class='photo-box mfp-gallery' data-toggle='lightbox' title='Instagram' style='width: 400px;background-image:url("+node.thumbnail_src+")'>\n" +
    '<div class="photo-box-content">\n' +
    "<span>Instagram</span>\n" +
    '</div>\n' +
    '</a>\n';

应该可以做到这一点

使用 javascript 显示多张图片

show multiple images with javascript

html

javascript

javascript-objects

instagram

instagram-api