Visa tumnaglar från Flickr

Lade till en funktion som laddar hem den senaste tumnagelbilden direkt från flickr utifrån de RSS-flöden som importeras på Bloggy. 

jQuery har en funktion som heter getJSON som är mycket smidig:

Load JSON data using an HTTP GET request.
As of jQuery 1.2, you can load JSON data located on another domain if you specify a JSONPcallback, which can be done like so: ”myurl?callback=?”. jQuery automatically replaces the ? with the correct method name to call, calling your specified callback. This callback parameter may vary depending on API, for instance Yahoo Pipes requires ”_callback=?”
Eftersom jag redan hade lite information om flickr-användaren och bilden sedan tidigare så behöver jag enbart hämta URL’en till tumnageln:

function showflickr(flickrid, divid, imgid) {
  $.getJSON(”http://api.flickr.com/services/feeds/photos_public.gne?id=” + flickrid + ”&lang=en-us&format=json&jsoncallback=?”, function(data){
    $.each(data.items, function(i,item){
        if(item.media.m.indexOf(imgid) > 0)
            $(”<img/>”).attr(”src”, item.media.m.replace(/_m/,’_s’)).appendTo(”#flickr” + divid).wrap(”<a href='” + item.link + ”’></a>”);
    });
  });
}

Update: Glömde att skriva att allt detta görs ju direkt i webbläsaren.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *