Replace the “tester” username below with your own, and the target value with the selector of the element you wish to append the pictures to.
$(document).ready(function() {
$.getJSON("http://picasaweb.google.com/data/feed/base/user/tester/?kind=photo&access=public&alt=json&callback=?",
function(data) {
var target = "#latest-picasaweb-images ul"; // Where is it going?
for (i = 0; i <= 9; i = i + 1) { // Loop through the 10 most recent, [0-9]
var pic = data.feed.entry[i].media$group;
var liNumber = i + 1; // Add class to each LI (1-10)
var thumbSize = 0; // Size of thumbnail - 0=small 1=medium 2=large
$(target).append("<li class='no-" + liNumber + "'><a title='" + pic.media$description.$t + "' href='" + pic.media$content[0].url + "'><img src='" + pic.media$thumbnail[thumbSize].url + "' /></a></li>");
}
});
});
Since writing and using this for a while, I’ve noticed that it doesn’t exactly fetch the Absolutely latest images, more like representative images, like 1 of the 5 you uploaded at once last.
But it’s the same thing with their rss-feed, so I guess it’s a Google-thing in general, and who could blame them. No way no how they could keep absolutely accurate Live feeds for every photo at once…
If you want to show how many images you have, try this:
Reference URL
https://developers.google.com/picasa-web/docs/2.0/reference
Thanks, updated that and burying because no longer relevant.