使用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填充網頁並調整大小

回答

相關問題