Получение миниатюры из RSS-канала и отображение в виде списка - PullRequest
Новая
       2

Получение миниатюры из RSS-канала и отображение в виде списка

2 голосов
/ 06 декабря 2010

Мне нужна помощь с моим скриптом чтения RSS-каналов ... Я хочу, чтобы миниатюры в моем Listview были взяты из Rss Feeds Thumbnail 

"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, но он не работает. Я надеюсь, что кто-то Снаружи может помочь мне с этой маленькой большой проблемой ...

THX MAsterluke

1 Ответ

1 голос
/ 28 февраля 2011

Вы должны использовать url из thumbnail: 

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