獲取縮略圖從RSS提要，並顯示在列表視圖

我需要一些幫助，我的RSS閱讀器腳本... 我想縮略圖從RSS訂閱縮略圖採取獲取縮略圖從RSS提要，並顯示在列表視圖

"content": [ 
     { 
     "medium": "image", 
     "url": "http://www......de/wp-content/uploads/2010/11/sgroth_web.jpg", 
     "title": { 
     "type": "html", 
     "content": "sgroth_web" 
     }, 
     "description": { 
     "type": "html", 
     "content": "contenthere 4." 
     }, 
     "thumbnail": { 
     "url": "http://www.sdddd.de/wp-content/uploads/2010/11/sgroth_web-150x150.jpg" 
     }

看看我是什麼意思我的列表視圖： Preview

首先是縮略圖，然後將RSS提要的冠軍。本規範是jQuery和PHP ...

這裏是我要顯示RssFeeds代碼，我ñJS：

$(function(){ 


getOnlineFeed('http://salzstreuner.de/category/aktuelle_ausgabe/feed'); 
    }); 
/* functions */ 
var listEntries = function(json) { 
    if (!json.responseData.feed.entries) return false; 
    $('#widgetTitle').text(json.responseData.feed.title); 
    var articleLength =json.responseData.feed.entries.length; 
    articleLength = (articleLength > maxLength) ? maxLength : articleLength; 
    for (var i = 1; i <= articleLength ; i++) { 
    var entry = json.responseData.feed.entries[i-1]; 
    $('#link' + i).text(entry.title); 
    $('#articleHeader' + i).text(entry.title); 
    $('#openButton' + i).attr('href', entry.link); 
    $('#articleContent' + i).append(entry.content); 
$('#articleImage').append('<img src="' + entry.thumbnail + '">'); 
    } 
    $('#article1 .prevButton').remove(); 
    $('#article' + articleLength + ' .nextButton').remove(); 
    if (articleLength < maxLength) { 
    for (i = articleLength + 1; i <= maxLength; i++) { 
     $('#list' + i).remove(); 
     $('#article' + i).remove(); 
    } 
    } 
}; 
var getOnlineFeed = function(url) { 
    var script = document.createElement('script'); 
    script.setAttribute('src', 'http://ajax.googleapis.com/ajax/services/feed/load?callback=listEntries&hl=ja&output=json-in-script&q=' 
         + encodeURIComponent(url) 
         + '&v=1.0&num=' + maxLength); 
    script.setAttribute('type', 'text/javascript'); 
    document.documentElement.firstChild.appendChild(script); 
}; 
var getOfflineFeed = function(url) { 
    var script = document.createElement('script'); 
    script.setAttribute('src', url); 
    script.setAttribute('type', 'text/javascript'); 
    document.documentElement.firstChild.appendChild(script); 
};

輸出如下：

for(var i=1; i<=maxLength; i++){ 
    document.write(
    '<li id="list' + i + '"><img src="#articleImage"/><a href="#article' + i + '" id="link' + i + '">&nbsp;</a></li>' 
);

我已經打了#articleImage，但它不工作。我希望有人能外幫我這littleBig問題...

THX MAsterluke

來源

2010-12-05 masterluke

那麼什麼是問題是什麼呢？它應該做什麼，它沒有做什麼？我看了預覽版，看起來對我來說很好（FF 3.6）。 – matthewpavkov 2010-12-05 23:48:30

，您應該使用thumbnail的url：

('#articleImage').append('<img src="' + entry.thumbnail.url + '">');

來源

2011-02-28 14:59:54

獲取縮略圖從RSS提要，並顯示在列表視圖

回答

相關問題