如何將照片設置爲來自Flickr api的img src中的javascript

我正在嘗試創建一張滿是flickr圖像的表格。我通過在該數組包含網址，如：如何將照片設置爲來自Flickr api的img src中的javascript

["https://www.flickr.com/photos/[email protected]/24695273486", "https://www.flickr.com/photos/[email protected]/24565358002", "https://www.flickr.com/photos/[email protected]/24033705054", "https://www.flickr.com/photos/[email protected]/23928266355", "https://www.flickr.com/photos/[email protected]/23241595406", "https://www.flickr.com/photos/[email protected]/21232117675", "https://www.flickr.com/photos/[email protected]/21197130905"]

當我嘗試設置src在img標籤等於這些值之一：

var photo = document.createElement("img"); 
photo.src = arr[i];

我只是得到了一堆碎圖片圖標。我能否以這種方式使用flickr？

來源

2016-03-05 Mardymar

這些是指向照片頁面（帶照片的網頁等）的鏈接。只需將其中一個粘貼到瀏覽器中即可。你使用的是Flickr API嗎？ – Cymen

是的。我正在使用Flickr API。我使用響應中的照片的所有者和ID創建鏈接。 – Mardymar

img標籤的src應的圖像的URL，但

https://www.flickr.com/photos/[email protected]/24695273486是一個HTML文檔

您可以使用頁面上的共享按鈕，得到一段HTML代碼，你可以嵌入在您的網站，看到它在行動：

https://jsfiddle.net/s4odszqL/

UPDATE：

如果你使用Flickr的API，你可以使用getInfo拿到照片的farm, server, id, secret，然後通過以下格式here

來源

2016-03-05 03:48:23 wong2

得到它製作照片的網址！我必須使用類似以下的東西來使用flickr的靜態網站：

"https://farm" + key.farm + ".staticflickr.com/" + key.server + "/" + key.id + "_" + key.secret + ".jpg";

來源

2016-03-05 04:01:32 Mardymar

如何將照片設置爲來自Flickr api的img src中的javascript

回答

相關問題