+20張照片flickr api

我試圖在Flickr Feed中獲得+20張照片。在另一個論壇上，有人發佈了以下代碼作爲答案。我在第2-3行插入了我的API + setID，但它不起作用。+20張照片flickr api

$(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 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;=?';

什麼是這個代碼的目的是什麼？

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

太感謝了，我的jQuery的理解是有限的，在Flickr API文檔，是初學者出奇的稀少。

凱爾西

來源

2011-08-10 isa blanche

它是一個你試圖顯示的photoset你可以給我的照片ID，因爲我認爲我可以爲你提供解決方案 –

轉到您或Flickr上的照片流頁面，向下滾動到那裏說訂閱用戶的照片流頁面的底部。點擊橙色的RSS提要圖標，然後您會找到照片提要。在頂部地址處將會有一個看起來像49269824 @ N04的ID，將它放在下面的代碼中，並將一個ID爲flickr的div添加到您的網頁主體中。

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

<script> 


$(function(){  

    var id='[email protected]'; 

    // 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>

您可以通過改變數設置你想要多少圖像的限制，如果（我< 20）{....在上面。

祝你好運。

來源

2011-08-11 10:35:58

+20張照片flickr api

回答

相關問題