Instafeed.js не показывает изображения на странице

Question

Я пытаюсь использовать instafeed.js для своего локального сайта. Но я не понимаю, почему изображения из моей учетной записи не отображаются?

Мой код

Connected instafeed.js и файл, в котором я пишу сценарий

<script type="text/javascript" src="js/instafeed.min.js"></script> 
<script type="text/javascript" src="js/app.js"></script> 

Раздел для изображений

<section class="instagram-wrap"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-xs-12"> 
      <div class="instagram-content"> 
       <h3>Latest Photos</h3> 
       <div class="row photos-wrap"> 
        <div id="inst"></div> 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 
</section> 

app.js и с instafeed значением

$(function() { 
    var feed = new Instafeed({ 
     get: 'user', 
     userId: ID,     
     accessToken: 'Token', 
     target: 'inst', 
     links: true, 
     limit: 8, 
     useHttp: true, 
     sortBy: 'most-recent', 
     resolution: 'standard_resolution', 
     template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
         <div class="photo-box"> 
          <div class="image-wrap"> 
           <img src="http:{{image}}"/> 
          </div> 

          <div class="description">{{caption}} </div> 
         </div> 
        </div>' 

    }); 
    feed.run(); 
}); 

Answer 1

Вашего кода работает для этой ошибки относительно вашего определения шаблона, за исключением:

SyntaxError: unterminated string literal

Положите весь шаблон в одной строке или использовать \ в конце каждой строки, чтобы иметь multi-line string literal.

Answer 2

Попробуйте написать параметр инлайн шаблон так:

template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"><div class="photo-box"><div class="image-wrap"><img src="http:{{image}}"/></div><div class="description">{{caption}} </div></div></div>' 

или на линии разрыва вставки \