【Instagram API】instafeed,jsでnextが実行されない

Question

特定のInstagramから画像を取得する際についての質問です。

現在、固定ユーザーのInstagramからinstafeed.jsを使用して、
投稿写真を表示するWEBページを作成しています。

表示自体は問題なく出来たのですが、
件数以上の表示しようとする時に使っている『next』が動かなくて困っています。
以下のコードの通り、基本は取得時最大の20件表示とし、
もっと見るなどをクリック時にuserFeedから『next』を呼び出して、
投稿されている残り画像を表示させていきたいのですが、
これは現在のサンドボックス仕様でも可能なのでしょうか。

$(function(){
	var userFeed = new Instafeed({
	    target: 'instafeed',
	    get: 'user', 
	    userId: 'ユーザーID', 
	    sortBy: 'most-recent',
	    links: true ,
	    limit: 20, 
	    resolution: 'low_resolution',
	    template: '<li><a href="{{link}}"><img src="{{image}}" target="_blank"></a></li>',
	    accessToken: 'アクセストークン'
	    });

	$('#btn-more').click(function() {
	  userFeed.next();
	});
});

よろしくお願い致します。

Answer 1

固定ユーザーとのことなので1人のユーザーから情報を取得しようとしているかと思います。
サンドボックスモードでは、10ユーザーからそれぞれ20個の最新のメディアに制限されていますので、20件表示した時点で最大数を取得していることになり、『next』を呼び出しても追加の情報がないということになります。
基本を10件にして、試してみると正常に動作するかと思います。

サンドボックスモードについての詳細は、ここが参考になると思います。

http://outof-rails.seesaa.net/article/432446339.html

Comments

[Sakurai]

＞Takuma_Tanakaさん
回答ありがとうございます。
やはり、20件以上はだめだったのですね。。。

参考URLありがとうございます。
漠然としていた、サンドボックスモードの仕様が漸く理解できました。
wordpressのInstagram フィードというプラグインで20件以上取得については、
実現できそうなのでそちらで対応するように致します！
ありがとうございました。