从Google Feeds API获取图片

时间:2013-12-08 14:38:42

标签: javascript html rss google-api

我知道这可能很容易但是我一直在抨击我的头一个多小时而且我被卡住了。

我正在尝试使用Google Feed API显示最近的房屋列表,它可以正常工作,直到拉动图像。我正在努力让它拉动图像。我确信有一种方法,因为google发布的幻灯片脚本可以获取图像......

这是我从一个基本示例中获取的代码我对于在哪里去尝试找出如何检索图像绝对毫无头绪。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

<title>Google Feed Loader Example #1</title> 

<script type="text/javascript" src="http://www.google.com/jsapi?key=#"></script>
<script type="text/javascript">
google.load("feeds", "1");
google.setOnLoadCallback(showFeed);

function showFeed() {
  var feed = new google.feeds.Feed("http://www.trulia.com/rss2/San_Francisco,CA/3p_baths/3p_beds/800000-2000000_price/date;d_sort/");
  feed.setNumEntries(10);
  feed.load(function(result) {
    if (!result.error) {
      var container = document.getElementById("headlines");
      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        var bmfx = result.feed.entries[i].mediaGroups[0].contents[0].url;
        var li = document.createElement("li");
        li.innerHTML = '<h3><a href="' + entry.link + '">' + entry.title + '</a> <cite>by ' + entry.mediaGroup + '</cite></h3>';
        li.innerHTML += '<p>' + entry.contentSnippet + '</p>';
        container.appendChild(li);
      }
    } else {
        var container = document.getElementById("headlines");
        container.innerHTML = '<li>Ooops It Failed';
    }
  });
}
</script>

</head> 

<body>  
<h1>Google Feed Loader Example</h1>
<ul id="headlines"></ul> 

</body> 
</html>

1 个答案:

答案 0 :(得分:1)

根据您的情况,您应该使用:

var bmfx = entry.mediaGroups[0].contents[0].thumbnails[0].url;