Thumbnails aus RSS lesen und mit in die Schleife eines Listviews packen

CodeBob

Grünschnabel
Hi,

ich habe hier eine kleines Problem für Euch und ein großes für mich. Ich lese mit diesem Script ( füge es am ende ein)
einen RSS Feed aus und gebe ihn über HTML mit document.write wieder aus. Läuft auch alles Super. Hier mal ein Screenshot:

Listview ohne Thumbs

bildschirmfoto20101207u.png


Jetzt will ich aber, das er mit aus dem Item,-media.thumbnail.url vom Feed das Thumbnail bzw die img src Url ausliest und es vor den Titel ausgibt so wie hier:

Listview mit Thumbnails

bildschirmfoto20101207u.png


Nur stehe ich total auf dem Schlauch wie ich das anfangen soll

vielleicht sowas wie
HTML:
 $("<img/>").attr("src", item.media.thumbnails.url).appendTo("#images");

nur funktioniert das garnicht, entweder ich pack es falsch mit rein oder ich liege komplett falsch. Ich bin echt bald am verzweifeln. Wäre super wenn mir einer von Euch helfen könnte wo ich das letzte Stückchen Code reinpacken muss...

Soo hier der Code wie versprochen:

HTML:
$(function(){
  getOnlineFeed('http://feeds.feedburner.com/aktuelle_ausgabe');

});
/* 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);
	
  }
  $('#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);
};

und hier die Ausgabe etwas gekürzt:

HTML:
<ul data-role="listview" id="articleList">'
);
for(var i=1; i<=maxLength; i++){
  document.write(
    '<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '"></a></li>'
  );
}
document.write(
  '    </ul>' +

Guts Nächtle

+ .CodeBob. +
 
Zurück