2017-10-17 60 views
1

大家好,感謝您的支持。我正在嘗試將我的Instagram縮略圖導入到我的網頁中,但Insta API令人困惑/困難。我有一個基本的傳送帶準備好託管我生成的縮略圖,並且通過查看Istagram API,可以手動嵌入單個縮略圖,但是可以通過編程方式執行此操作,我的意思是在頁面加載時將縮略圖填充到旋轉木馬上?將Instagram縮略圖導入我的網頁

我不在尋找預先編寫的代碼。只需遵循一些指導方針即可獲得我需要的結果。任何建議將不勝感激。

再次感謝:)

+0

如果你添加了你已經嘗試過的東西,或者你已經做過什麼研究,那麼你的問題會更好看。 –

+1

我檢查了git(https://github.com/stevenschobert/instafeed.js/)上的instafeed,它看起來正是我正在尋找的東西。但是你需要一個我沒有的client_id。 –

+0

如果我沒有記錯,你可以通過https://www.instagram.com/developer/ –

回答

0

根據Instagram的文檔中,你只需要調用此查詢:

https://instagram.com/p/fA9uwTtkSN/media/?size=t 

其中大小= T意味着你要縮略圖和/ p後的參數/是圖片/媒體ID。這是一個圖像的直接鏈接。取決於你的代碼,你可以簡單地用src參數創建一個img標籤。在這種情況下,我想這個檔案必須是公開的。隨着專用配置文件,您可以閱讀更多)

<img src="https://instagram.com/p/fA9uwTtkSN/media/?size=t" alt="A cat :)" > 

A cat :)

這裏是link的文檔。

+0

直截了當,非常感謝。不幸的是,我需要的是每次有人分享新帖時自動將新的縮略圖嵌入到我的頁面中。我試圖找到允許在包含Instagram縮略圖的現有代碼中生成新元素的邏輯。所以每次有人給我貼上帖子進入我的主頁(當頁面被加載時)。我正在考慮有一個js函數,它創建一個只有很少類的元素並將它附加到文檔中,但我相信其他幾個步驟在我之間缺少。 –

+0

我知道這有點太籠統了,我不需要實際的代碼,但是如果你有更多的經驗,那麼任何建議都會很棒,只需要看到需要的步驟 –

+0

嗨,這看起來更加困難。這裏是一個PHP的例子,但我不知道它是否會有所幫助:https://stackoverflow.com/questions/36500379/how-to-embed-instagram-profile。不幸的是,我不知道標籤是否會顯示在您的個人資料中。 –