Javascript - 私のFlickr Api画像要求をリンクで包み込む

Question

この要求から出力された画像をリンクでリッピングする必要があり、APIに関する知識が限られているため残念ながら壁に当たってしまいました。

ここにアルバムから画像を出力する私の現在の機能があります。働くバージョンのためにフィドルを見てください。あなたの時間のための

var endpoint = "https://api.flickr.com/services/rest/" 
    var apiKey = "e3e0e77b3f6aa14bc816b1e6855f70b7"; 
    var photosetId = "72157682947882356"; 
    var extras = "url_sq,url_t,url_s,url_m,url_o"; 
    var method = "flickr.photosets.getPhotos"; 

    var request = endpoint+"?method="+method+ 
       "&api_key="+apiKey+ 
       "&photoset_id="+photosetId+ 
       "&extras="+extras+ 
       "&format=json&jsoncallback=?"; 
    $.getJSON(request,buildGallery); 

    function buildGallery(data,result){ 
     if(result=="success"){ 
      var photos = data.photoset.photo; 
      for(var i=0; i<photos.length; i++){ 
       $('<img class="gallery_image" >').attr("src",photos[i].url_m).appendTo(".flicker"); 

      } 
     } 

    } 

https://jsfiddle.net/samwsmith/88834z4f/

感謝。

Answer 1

これを処理して、.wrap("<a href='" + photos[i].url_o + "'> </a>");を私のbuildGallery関数に追加することができました。

var endpoint = "https://api.flickr.com/services/rest/" 
    var apiKey = "e3e0e77b3f6aa14bc816b1e6855f70b7"; 
    var photosetId = "72157682947882356"; 
    var extras = "url_sq,url_t,url_s,url_m,url_o"; 
    var method = "flickr.photosets.getPhotos"; 

    var request = endpoint+"?method="+method+ 
       "&api_key="+apiKey+ 
       "&photoset_id="+photosetId+ 
       "&extras="+extras+ 
       "&format=json&jsoncallback=?"; 
    $.getJSON(request,buildGallery); 

    function buildGallery(data,result){ 
     if(result=="success"){ 
      var photos = data.photoset.photo; 
      for(var i=0; i<photos.length; i++){ 
       $('<img class="gallery_image" >').attr("src",photos[i].url_m).appendTo(".flicker").wrap("<a href='" + photos[i].url_o + "'> </a>"); 


      } 
     } 

    } 

更新フィドル：https://jsfiddle.net/samwsmith/88834z4f/ 私は、これは同じ問題で誰にも役立ちます願っています。