用Google Feed API导入精选图片

我试图在我的非wordpress HTML网站上使用Google Feed API在wordpress博客上显示最近的博客帖子。我设法显示饲料，但现在我坚持让特色图片也显示。目前它只显示最近10个“头条新闻”的列表。下面是代码：用Google Feed API导入精选图片

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
     <script type="text/javascript" src="http://www.google.com/jsapi"> </script> 
     <script type="text/javascript"> 
      google.load("feeds", "1") 
     </script> 
<script type="text/javascript"> 
         var feedUrl = "http://www.harbordev.com/blog/feed/"; 
         var feedContainer=document.getElementById("feedContainer"); 

         $(document).ready(function() { 
          var feed = new google.feeds.Feed(feedUrl); 
          feed.setNumEntries(10); 
          feed.load(function(result) { 
           list = "<ul>"; 
           if (!result.error){ 
            var posts=result.feed.entries; 
            for (var i = 0; i < posts.length; i++) { 
             list+="<li><a href='" + posts[i].link + "'target=_blank'" + "'>" + posts[i].title + "</a></li>"; 
            } 
            list+="</ul>"; 
            feedContainer.innerHTML = list; 
           } 
           else { 
            feedContainer.innerHTML = "Unable to fetch feed from " + feedUrl; 
           }     
          }); 
         }); 
        </script>    
</head> 

<body> 
<section class="section swatch-white"> 
       <div class="container"> 
       <div class="row"> 
       <div class="col-md-12" id="feedContainer"> 

        </div> 
       </div> 
       </div> 
</section> 
</body

如何显示图像呢？在这里的一个不同的条目我看到了这样一个建议：

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

如果这项工作，我会在哪里插入它？不幸的是，我的JavaScript技能很平庸，因此如果有人能指向我正确的方向或者协助一些代码，我将不胜感激。

来源

2014-10-02 Laura Schoebel

您可以看到生成的JSON here的文档。这些图像是在内容领域（posts[i].content）：

for (var i = 0; i < posts.length; i++) { 
    list+="<li><a href='" + posts[i].link + "'target=_blank'" + "'>" + 
    posts[i].title + "</a><p>" + posts[i].content + "</p></li>"; 
}

如果你想只显示图像，就可以做到这一点与jQuery的

var images = ""; 
$(posts[i].content).find('img').each(function() { 
    images += this.outerHTML; 
});

然后代替posts[i].content，追加images变量list

来源

2014-10-05 07:33:12 janih

该文档没有多说。 – 2014-10-11 02:42:25

用Google Feed API导入精选图片

回答

相关问题