Google 피드 API로 주요 이미지 가져 오기

Google 피드 API가 포함 된 비영어권 HTML 사이트의 Wordpress 블로그에서 최근 블로그 게시물을 표시하려고합니다. 피드를 표시 할 수 있었지만 현재는 추천 이미지가 표시되도록 붙어 있습니다. 최근 10 개의 "헤드 라인"목록을 표시합니다.Google 피드 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의 설명서를 볼 수 있습니다. 다음

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

대신 posts[i].content의 jQuery를

으로, images 변수를 추가하는 것이 당신은 단지 이미지를 표시 할 경우

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>"; 
}

, 당신이 할 수 있습니다 : 이미지 콘텐츠 필드 (posts[i].content)에 the list

출처

2014-10-05 07:33:12 janih

설명서에 많은 내용이 나와 있지 않습니다. –

Google 피드 API로 주요 이미지 가져 오기

답변

관련 문제