2010-07-20 73 views
1

我已經通過了http://css-tricks.com/examples/BuildYourSocialPage/這很棒,但我只是想定製它在API中引入的Flickr圖像的數量(6)。Json和Flickr API

我知道我可以設置一個帶溢出的div:隱藏以顯示所需的數量,但我不想讓代碼變得笨拙。

任何人都可以幫忙嗎?

另外我想顯示我的last.fm最新專輯,有誰知道你可以在哪裏獲得API來做到這一點?

感謝

保羅

P.S我知道你可以得到預製插件,做這一切,通過WordPress的,但我並不想這樣做。這只是一個小測試頁面來測試想法。

回答

2
  1. Flickr Feeds Service不允許這樣的參數,但你可以改變顯示他們僅過濾第6

    $.each(data.items, function(index, item){ 
         if (index < 6){ 
          $("<img/>").attr("src", item.media.m).appendTo("#flickr") 
          .wrap("<a href='" + item.link + "'></a>");} 
         }); 
    
  2. Last.fm Api =>user.getWeeklyAlbumChart

+0

感謝這是一個快速解決方案,我正在瞄準...現在! :) – Paul 2010-07-22 04:35:32

3

的JavaScript代碼需要注意的一點是,示例頁面實際上並未使用全功能Flickr API - 它使用簡單的Feed來檢索照片。

這使較少的控制 - 我相信從這些飼料項目的數量是固定的,在20

我能想到的幾個不同的方法,你可以從這裏走。

,你可以:

  • 過濾器,你回來在JavaScript結果扔掉不需要的圖像。可能最簡單,但有點不雅。
  • 改爲使用Flickr API,這將允許您設置限制,但需要API密鑰,並且可能更容易在服務器端進行。
  • 使用類似YQL的東西來做Flickr搜索和限制,然後解析這些結果。我創建了一個示例查詢here。 YQL允許JSONP,所以你仍然可以使用這個跨域,我相信,儘管你需要改變接收Javascript來匹配新的格式。有一個很好的使用YQL搜索Flickr on the Wait till I come site的例子。
  • 創建一個Yahoo Pipe爲您截斷供稿,也許將其抓取爲RSS,通過Pipe的RSS提取函數提供它,然後吐出JSONP - 我相信這可以在Pipes中實現。

YQL特別是非常酷,非常強大,特別是在處理雅虎自己的服務如Flickr時。看着你說你在玩弄創意,我想我會給你一些有趣的玩法:)

+0

非常感謝,真的打開了我的選擇,我想當我有更多的時間,我會深入研究API。謝謝 :) – Paul 2010-07-22 04:29:00