2011-08-10 11 views
0

flickrフィードで+20枚の写真を取得しようとしています。別のフォーラムでは、誰かが次のコードを回答として投稿しました。 API + setIDを2〜3行目に挿入しましたが、機能しませんでした。+20 photos flickr api

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

そして、何このコードの目的です:

$(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’); 
     }); 
    }); 
});  

私はここで私は自分で情報を交換するんところ私の二つの主要な問題はare-と思いますか?

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

Javeryについての理解は限られており、flickr apiのドキュメントは初心者にとっては驚くほど稀です。

ケルシー

+0

私はあなたに解決策を提供できると思うので、私はあなたに私に写真のIDを与えることができますあなたの表示しようとしている光景ですか? –

答えて

0

はFlickrのあなたやフォトストリームのページに移動し、それがユーザーのフォトストリームを購読言うページの一番下までスクロールします。オレンジ色のRSSフィードアイコンをクリックすると、フォトストリームのフィードが見つかります。トップアドレスには49269824 @ N04のようなIDがあります。下のコードにそのIDを入れ、flickrのIDを持つdivをあなたのWebページに追加します。

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

あなたは上記に.... {(I < 20)場合に番号を変更することにより、あなたが望むどのように多くの画像に制限を設定することができます。

Good Luck。