使用Instagram Feed填充网页并调整大小

我一直在线上搜索几个小时，试图找到将我的Instagram Feed中的相关标记图像拉到完全填满屏幕的页面上的最佳选项。我设法找到了我在http://www.gezzamondo.co.uk/jennifer使用的this Instagram plug-in for jQuery。使用Instagram Feed填充网页并调整大小

缩略图真的很小，只有少数节目...我如何修改这个方式，平方的图像会变得更大，并将无休止地填满屏幕，直到没有更多的图像以显示？

来源

2012-08-16 Gerry Mckay

尝试用于嵌入Instagram图片的InstaMax插件。您可以获得2个选项 - “max_item_width”和“min_item_width”来调整缩略图的大小，以及“加载更多”按钮来满足您的要求。这里是演示 - http://demos.codehandling.com/instamax_demo/instamax_live_edit.html – Patrick 2015-06-19 11:39:59

快速修复以显示较大的图像，是更新线的33 jquery.instagram.js

.attr('src', photo.images.thumbnail.url)

到

.attr('src', photo.images.standard_resolution.url)

的20照片限制是限制的Instagram API，请参阅Alternative method section of the jquery-instagram readme

也许你可以将此视为替代选项？ florinpopa.net/load-instagram-pictures-with-jquery。他们似乎已经提供了一个count参数，允许更大的图像结果。

来源

2012-08-16 12:03:47 Damian

你有使用这个替代选项...似乎相当不错，虽然我不知道如何从特定标签中显示图片并调整这些图片的大小 – 2012-08-16 13:10:15

我没有在制作中使用它，只是在寻找解决图像尺寸问题的方法时才找到它。这里有一个稍微改写的版本，可以将带有标签'奥林匹克'的图像应用于它们，[jsfiddle.net/Damian/4kwzc/](http://jsfiddle.net/Damian/4kwzc/）。这些图片的尺寸也会调整大小，因此使用css时图片会稍小一些，因此您可能不希望缩小尺寸，因为客户端仍将使用带宽下载全尺寸图片！ – Damian 2012-08-16 16:18:35

嗯只是尝试添加你写在那里的代码，没有什么似乎是通过与奥运标签 – 2012-08-16 16:43:44

使用Instagram Feed填充网页并调整大小

回答

相关问题