JSON JQuery Flickr

Question

我有一个JQuery表达式

$.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157607523855079&nsid=9298216@N08&lang=en-us&format=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item)
  {
  $("<img/>").attr("src", item.media.m).appendTo("#images").wrap("<a href='" + item.link + "'></a>");
});

它从我的Flickr帐户中提取适当的图像，但是我如何获得和图像标题和图像“内容”？

Answer 1

您需要将想要检索的额外选项作为API调用的参数，用于标题以外的其他内容。在默认情况下，标题似乎是提供的，因此您可以将其称为item.title。请参阅Flickr的文档。如果您对返回对象的结构有进一步的疑问，您也可能希望查看Firefox/Firebug中返回的数据。

$.getJSON("http://api.flickr.com/services/feeds/photoset.gne?'
   + 'set=72157607523855079&nsid=9298216@N08&lang=en-us'
   + '&extras=tags,media,date_taken'
   + '&format=json&jsoncallback=?", ...

Answer 2

$(function(){       

    var id='9298216@N08';
    var limit ='20';

    // Flickr Photostream feed link.
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=" + id + "&lang=en-us&format=json&jsoncallback=?", 

    function(data){$.each(data.items, 

    function(i,item){

        // Number of thumbnails to show.            
        if(i < limit){

        // Create images and append to div id flickr and wrap link around the image.
        $("<img/>").attr("src", item.media.m.replace('_m', '_s')).appendTo("#flickr").wrap("<a href='" + item.media.m.replace('_m', '_z') + "' name='"+ item.link + "' title='" +  item.title +"'></a>");


        }

    }); 

    }); 

    });

这应该可以使用jQuery，只需使用id flickr创建div，就可以将图像添加到这个div中。

完整的答案和示例，这里是http://jsfiddle.net/C7guQ/1/