Question

在我搜索响应式Instagram Feed网格时，我选择了以下插件： https://github.com/cmaseattle/instagram-grid

这是我发现的唯一一张为每张照片取得相同数量的照片。

但是，我完全迷失了如何配置它以获取每个instagram项目的URL（而不是直接img链接），然后通过将每个网格项链接到相应的Instagram页面来引用它。 / p>

Answer 1

对于任何好奇的人，我都想通过合并代码片段来解决这个问题

从

更改了第116行

like.innerHTML='<img src="http://cmaseattle.github.io/instagram-grid/insta-heart.png" class="insta-heart">'+d.data[i].likes.count;

到

like.innerHTML='<a target="_blank" href="' +d.data[i].link +'"><span class="link-spanner"></span><img src="http://cmaseattle.github.io/instagram-grid/insta-heart.png" class="insta-heart">'+d.data[i].likes.count;

.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

我还将以下样式添加到喜欢的悬停div

.insta-likes {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */    
}

instagram grid master - 获取并将图像链接到instagram URL

1 个答案: