2011-11-21 83 views
1

我想要做的腳本,即可以得到直接的聯繫,從照片的服務形象(的Flickr,Instagram的,Picasa時,DeviantArt的& dribbble)從鏈接獲取完整圖像的照片共享服務

用戶添加鏈接到表單:

http://www.flickr.com/photos/peterbaker/3045862811/ 

腳本可以直接鏈接到圖片:

http://farm4.staticflickr.com/3179/3045862811_dd27f77e3a_b.jpg 

如何製作的?我想知道如何直接鏈接到這些服務上的圖像。

回答

1

雙方的Flickr和Picasa支持Json的回調。我使用Picasa API和jQuery 1.7.1做了這樣的事情。 該腳本將顯示您所有Picasa相冊中的所有圖像。 您必須將下面的USERID更改爲您的id,並且您必須在id =「list」的頁面中擁有一個元素。

$.getJSON("https://picasaweb.google.com/data/feed/api/user/USERID?callback=?", { 
    alt : "json" 
}, function(data) { 
    $.each(data.feed.entry, function(i, item) { 
    //Get each albumId. 
    var aid = item.gphoto$id.$t; 
    $.getJSON("https://picasaweb.google.com/data/feed/api/user/USERID/albumid/" + aid + "?callback=?", 
       { 
       alt: "json" 
       }, function(data) {    
       $.each(data.feed.entry, function(i,item){ 
        // Get the URL to each image in the album. 
        var url = item.content.src; 
        var image = $("<img/>").attr("src", url); 
        // Put the image into a div with id "list" 
        $("#list").append(image); 
       });     
       }     
      );  
    }); 
});