我为Flickr尝试了很多网址变体,但所有尝试都未能将我的图片库加载到我自己的网页中。
我很确定它的URL。如果我用以下内容替换URL:
"api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?"
一切正常,可以从Flickr加载公共照片,但加载我自己的相册(下面的网址),它不会工作。
是的,我有来自Flickr的有效API。我还检查了" jsbin.com"中的脚本语法。所有这一切都很好。
任何人都可以帮忙解决这个问题吗?
以下是jQuery脚本:
(function() {
var flickerUrl = "https://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&api_key=<removed by edit>&user_id=135938131@N02&format=json&jsoncallback=?";
$.getJSON(flickerUrl)
.done(function(data) {
$.each(data.items, function(i, item) {
var image = $("<img>")
.attr("src", item.media.m)
.attr("title", item.title);
$("<a>")
.attr("href", item.link)
.attr("target", "_blank")
.html(image)
.appendTo("#images");
if ( i === 8 ) {
return false;
}
});
});
})
();
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Flickr Image Gallery</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<h1>Natural Scenery</h1>
<br>
<div id="images"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="./js/flickrgallery.js"></script>
</body>
</html>