getJSON - 从公共服务器加载图像库 - Flickr

时间:2015-11-09 09:31:52

标签: getjson flickr

我为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>

0 个答案:

没有答案