instagram grid master - 获取并将图像链接到instagram URL-Java 学习之路

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

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

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

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 */    
}

回复于 2024-05-08T05:05:11+08:00

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

1 回答

相关问题