20以上の画像を持つInstagram API

Question

Instagramから20枚以上のフルイメージを取得する可能性がある場合は、APIを使用して質問したかったのですが、

<script type="text/javascript"> 
var feed = new Instafeed({ 
    get: 'user', 
    userId: '2201292293', 
    clientId: 'MY_CLIENT_ID', 
    accessToken:`'MY_ACCESS_TOKEN', 
    limit: '364', 
    sortBy: 'most-liked', 
    template: '<a href="{{image}}" class="popup"><img src="{{image}}"></a>{{likes}}', 
    resolution: 'standard_resolution' 
}); 
feed.run(); 

それはページネーションによって引き起こされることが、事前にローレンツStrauch

Answer 1

、ありがとうございました。

あなたのhtmlに

<button id="load-more"> 
    Load more 
</button> 

を追加します。ボタンをクリックするたびに、feed.next()が呼び出され、存在する場合はさらに多くのイメージがフェッチされます。

<script type="text/javascript"> 
    var loadButton = document.getElementById('load-more'); 
    var feed = new Instafeed({ 
     get: 'user', 
     userId: '2201292293', 
     clientId: 'MY_CLIENT_ID', 
     accessToken:`'MY_ACCESS_TOKEN', 
     limit: '364', 
     sortBy: 'most-liked', 
     template: '<a href="{{image}}" class="popup"><img src="{{image}}"></a>{{likes}}', 
     resolution: 'standard_resolution' 

     // every time we load more, run this function 
     after: function() { 
      // disable button if no more results to load 
      if (!this.hasNext()) { 
       loadButton.setAttribute('disabled', 'disabled'); 
      } 
     }, 
    }); 

    // bind the load more button 
    loadButton.addEventListener('click', function() { 
     feed.next(); 
    }); 

    // run our feed! 
    feed.run(); 
</script> 

このコードを試してください。