0

こんにちは、ユーザーの写真を表示する instagram フィードを自分の Web サイトに取得しようとしています。次のように、ページの上部にJavaScriptを配置しました。

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>tomsaxby.com</title>

<!-- CSS ------------------------------------------------------------------------------------------- -->
<!-- Bootstrap --><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- EDITS -->
<link rel="stylesheet" href="css/style.css">  
<!-- Fonts -->
<link rel="stylesheet" href="fonts/neuzeit/MyFontsWebfontsKit.css" type="text/css" />
<!-- CSS ------------------------------------------------------------------------------------------- -->

<script type="text/javascript" src="path/to/instafeed.min.js"></script>    
<script type="text/javascript">
var feed = new Instafeed({
    get: 'user',
    userId: 904401907,
    accessToken: '904401907.1677ed0.27d4a579f194430cbe77c28af165aae1'
});
userFeed.run();
</script>
</head>

次に、「instafeed」のIDを持つdivをページの本文に入れました。しかし、ローカルでも、ファイルをアップロードしても何も表示されませんか? これがなぜなのか誰か知っていますか？

4

3 に答える 3

0

もう1つ...インスタフィードページで言及されていないように見えるもの...「制限」を追加することです...これは、ドロップする画像の数をinstagramに伝えます..そうでなければ、デフォルトはゼロだと思います...

私は私のものを作りました: 制限: '4'

説明書に入れるとかなり役立つ情報になるでしょう！

下記参照：

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'cool',
        clientId: '916c01b8624d43c7b4b76369aruc86a0',
        limit: '4' 
    });
    feed.run(); </script>
于 2016-03-17T01:25:36.323 に答える
0

問題の原因として最も可能性が高いのは、ページが完全に読み込まれる前に instafeed.js が実行されようとしていることです。

これを解決するには<div id="instafeed"></div>、ページに置き、ページが完全にロードされた後に instafeed.js をロードしていることを確認してください。

$(document).ready(function() {
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: clientId
  });
  feed.run();
});
于 2015-10-24T16:35:05.663 に答える
-1

instafeed.jsファイルが正しく呼び出されていません。

あなたはこれを入れました：

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

のpath/to/前はinstafeed.min.js、実際にウェブサイト情報を含む作業パスである必要があります。

于 2016-03-17T01:12:33.510 に答える