我已整合instagram api但未显示所有图像

时间:2017-10-08 13:14:30

标签: javascript php jquery

这是我的代码,用于显示我网站上的所有图片?

我已经使用过限制功能,但它无效。

$(document).ready(function() {
  var userFeed = new Instafeed({
    get: "user",
    userId: "1750388asad4456544",
    limit: 1000,
    resolution: "standard_resolution",
    accessToken: "175038844.1677ed0.e54554175b89e9254445e42asd8a6b25b4fbaebe29",
    sortBy: "none",
    // popup image open
    // image
    // instagram open
    template:
      '<div class="col-lg-3 gallery instaimg">' +
      '<a href="{{link}}" title="{{caption}}" target="_blank">' +
      '<img src="{{image}}" alt="{{caption}}" class="img-fluid"></a></div>'
  });
  userFeed.run();

  $(".gallery").magnificPopup({
    type: "image",
    delegate: "a",
    gallery: {
      enabled: true
    }
  });
});

1 个答案:

答案 0 :(得分:0)

如果我在阅读完文档后理解正确,则需要一个 instafeed id的元素。

Instafeed.js会自动查找<div id="instafeed"></div>并用链接的缩略图填充它。

如果可以的话,试试这个。