Question

在此处强调特定照片。

我知道所有Instagram插件和Instagram API，但是我试图找出一种方法来显示来自Instagram的单个特定照片。不是通过标签或用户名，而是最好是从Instagram网址，甚至是照片ID。

我想要类似的东西:( Instagram照片涵盖了div的背景）

<div class="instagram-photo" 
     style="background-image:URL(*instagram_photo_url_here*);
            background-size:cover">
</div>

我很高兴链接到照片上的照片以及所有这些。

这可能吗？我已经搜索了好几个小时，没有任何事情发生，我必须忽略一些东西。

Answer 1

我花了一些时间来回答问题，Instagram提供了一个直接使用Media redirect直接获取媒体的方法，将/media/?size={size}添加到任何照片固定链接的末尾

所需媒体的所需大小。支持的值为t （缩略图），m（中），l（大）。默认为m。

实例;

如果您 lasy 或希望立即批量更改，我会为此编写一个jQuery代码段; Demo

这是您尝试的最终HTML

＆＃13;

body {
  padding:10px;
}
.instagram-photo {
  display:block;
  margin-bottom:15px;
  background:#ffffff;
  height:500px;
  border:2px solid #ddd;
}

＆＃13;

   <div class="instagram-photo" style="background-image: url(https://instagram.com/p/-FP1PjBQRd/media/?size=l); background-size: cover;"></div>
  <div class="instagram-photo" style="background-image: url(https://instagram.com/p/8l2vIrhQQ_/media/?size=l); background-size: cover;"></div>
  <div class="instagram-photo" style="background-image: url(https://instagram.com/p/-XNiICnxXO/media/?size=l); background-size: cover;"></div>
  <div class="instagram-photo" style="background-image: url(https://instagram.com/p/cn5KZWmJp1/media/?size=l); background-size: cover;"></div>
  <div class="instagram-photo" style="background-image: url(https://instagram.com/p/7TDiYJBQdf/media/?size=l); background-size: cover;"></div>

＆＃13;

显示单个SPECIFIC Instagram照片 - 可能吗？

1 个答案: