I'm trying to pull my Picasa album JSON feed into my website, but I'm having problems. It is pulling in the Picasa thumbnails without a problem, but when I try to pull in the full sized photos (<200kb), it returns nothing, even though I have verified that the links are valid. Below is the code that I'm using on this skeleton webpage - http://derekperkins.com/seatability/wp-content/themes/Seatability/test.html. Why would the thumbnails work but not the full content?
$j = jQuery.noConflict(); $j(document).ready(function(){ $j.getJSON("http://picasaweb.google.com/data/feed/api/user/ Seatability/albumid/5301645629882336001/? kind=photo&access=public&alt=json&callback=?", function(data){ var picsCount = data.feed.entry.length; for (var i = 0; i < picsCount; i++) { var pic = data.feed.entry[i]; $j('body').append('<p> Thumb - ' + pic.media$group.media $thumbnail[0].url + '</p>'); $j('body').append('<p> Full - ' + pic.media$group.media$content [0].url + '</p>'); $j("<img/>").attr("src", pic.media$group.media$thumbnail [0].url).attr("alt", pic.summary.$t).appendTo("#thumbs"); $j("<img/>").attr("src", pic.media$group.media $content[0].url).attr("alt", pic.summary.$t).appendTo ("#pics"); } }); });