问Instafeed JS模板
EN

Stack Overflow用户

提问于 2018-01-31 03:11:13

回答 1查看 1.2K关注 0票数 2

我正在使用instafeed js让instagram图片显示在我的网站上。我想把5张图片放在一起展示，就像我在codepen上创建的这个例子一样。然而，instafeed js的模板特性限制了我如何像在codepen示例中那样组织图像，因为没有一种方法可以专门将每个图像定位到div。

codepen上的代码显示了我想要如何放置我的每个图像。

<div class="row1">
    <div class="column1">
        <a href="#"><img src="/assets/placeholder/c1.jpg" alt="placeholder 1" style="width:100%"></a>
        <a href="#"><img src="/assets/placeholder/c2.jpg" alt="placeholder 2" style="width:100%"></a>
    </div>
  <div class="column1">
      <a href="#"><img src="/assets/placeholder/c3.jpeg" alt="placeholder 3" style="width:100%"></a>
      <a href="#"><img src="/assets/placeholder/c4.jpg" alt="placeholder 4" style="width:100%"></a>
  </div>
  <div class="column1">
      <a href="#"><img src="/assets/placeholder/c5.jpg" alt="placeholder 5" style="width:100%"></a>
    </div>
</div>

下面是使用instafeedjs的代码

var feed = new Instafeed({
get: 'user',
userId: '3xxxxx01',
accessToken: '3xxxxx3446',
limit: 5,
resolution: 'standard_resolution',
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>'
  });
feed.run();

instafeedjs

回答 1

Stack Overflow用户

发布于 2019-07-30 04:50:33

您可以使用mock选项仅获取图像数据，而不更新DOM。然后使用success选项对该数据执行某些操作：

var feed = new Instafeed({
  get: 'user',
  userId: '3xxxxx01',
  accessToken: '3xxxxx3446',
  limit: 5,
  clientId: 'xxxxxxxxxxxxxx',
  resolution: 'standard_resolution',
  mock: true,
  success: function(images) {
      //iterate over images and add them to the DOM as you wish
  }
});

这允许您以任何您想要的方式显示图像。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48528857

复制

相似问题

问Instafeed JS模板
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Instafeed JS模板EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Instafeed JS模板
EN