instagram 网格大师 - 获取图像并将其链接到 instagram URL

【问题标题】：instagram grid master - fetch and link images to instagram URLinstagram 网格大师 - 获取图像并将其链接到 instagram URL
【发布时间】：2014-09-28 21:44:10
【问题描述】：

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

这是我发现的唯一一张为每张照片获取点赞数的照片。

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

【问题讨论】：

标签： instagram

【解决方案1】：

对于任何好奇的人，我通过合并代码 sn-ps 来解决这个问题

将第 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;
}

我还在likes hover div中添加了以下样式

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

【讨论】：