如何将照片设置为来自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

回答

相关问题