+；20张照片flickr api_Api_Flickr

+；20张照片flickr api

api

+；20张照片flickr api,api,flickr,Api,Flickr,我正在尝试在flickr提要中获取+20张照片。在另一个论坛上，有人发布了以下代码作为答案。我在第2-3行中插入了API+setID，但它不起作用 $(document).ready(function() { var apiKey = ‘******I inserted my API here’; var photoSetID = ‘********set ID’; var jsonURL = 'http://api.flickr.com/services/r

我正在尝试在flickr提要中获取+20张照片。在另一个论坛上，有人发布了以下代码作为答案。我在第2-3行中插入了API+setID，但它不起作用

$(document).ready(function() {  
    var apiKey = ‘******I inserted my API here’;  
    var photoSetID = ‘********set ID’;  
    var jsonURL = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&extras=url_o&photoset_id=' + photoSetID +   
        '&per_page=500&api_key=' + apiKey + '&format=json&jsoncallback;=?';    
    $.getJSON(jsonURL, function(data){  
        $.each(data.photoset.photo, function(i,item){  
            var imgSrc = ‘http://farm’ + item.farm + ‘.static.flickr.com/’ + item.server + ‘/’ +  
            item.id + ‘_’ + item.secret + ‘_b.jpg’;  
            $(’ <img >’).attr(’src’, imgSrc).appendTo(’#images’);  
        });  
    });  
});

这一准则的目的是什么

var imgSrc = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_b.jpg';

非常感谢，我对Jquery的理解是有限的，关于FlickrAPI的文档对于初学者来说出奇的少

Kelsey

转到你的或flickr上的photostream页面，向下滚动到页面底部，页面上显示“订阅用户的photostream”。单击橙色RSS提要图标上的，然后您将找到photostream的提要。在最上面的地址将有一个id，看起来像49269824@N04这样，将其放入下面的代码中，并将id为flickr的div添加到您的web页面主体中

<html> 
<head> 
<title>Flick Test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script>


$(function(){       

    var id='49269824@N04';

    // 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 < 20){

        // 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>");


        }

    }); 

    }); 

    });

</script> 

</head> 
<body> 
<div id="flickr"></div>
</body> 
</html>


轻弹试验
$（函数（）{
var id='1〕49269824@N04';
//Flickr Photostream提要链接。
$.getJSON（“http://api.flickr.com/services/feeds/photos_public.gne?id=“+id+”&lang=en-us&format=json&jsoncallback=？”，
函数（数据）{$.each（数据项，
职能（一、项目）{
//要显示的缩略图数。
如果（i<20）{
//创建图像并附加到div id flickr，并将链接环绕图像。
$("

您可以通过在上面的if（i<20）{…中更改数字来设置所需图像的数量限制

祝你好运。

你想显示的是照片集吗？你能给我照片id吗？我想我可以为你提供解决方案

<html> 
<head> 
<title>Flick Test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script>


$(function(){       

    var id='49269824@N04';

    // 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 < 20){

        // 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>");


        }

    }); 

    }); 

    });

</script> 

</head> 
<body> 
<div id="flickr"></div>
</body> 
</html>