Инстафид не загружается

привет, я пытаюсь получить ленту Instagram на моем веб-сайте, показывающую мои пользовательские фотографии. Я разместил 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>

Затем я поместил div с идентификатором «instafeed» в тело моей страницы. но ничего не отображается ни локально, ни когда я загружаю свои файлы? Кто-нибудь знает, почему это так?


instagram instafeedjs
person user3486033    schedule 22.10.2015    source источник

Ответы (3)


arrow_upward
0
arrow_downward

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

Чтобы решить эту проблему, убедитесь, что вы поместили <div id="instafeed"></div> на свою страницу и загружаете instafeed.js после полной загрузки страницы:

$(document).ready(function() {
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: clientId
  });
  feed.run();
});
person Steven Schobert    schedule 24.10.2015

arrow_upward
0
arrow_downward

Еще одна вещь ... что-то, что страница instafeed, кажется, НЕ упоминает ... это добавить «лимит» ... это сообщает Instagram, сколько изображений нужно добавить ... в противном случае я полагаю, что значение по умолчанию равно нулю ...

Я сделал свой: limit: '4'

было бы довольно полезной информацией, чтобы поместить в инструкции!

Смотри ниже:

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'cool',
        clientId: '916c01b8624d43c7b4b76369aruc86a0',
        limit: '4' 
    });
    feed.run(); </script>
person Dylan    schedule 17.03.2016

arrow_upward
-1
arrow_downward

Ваш файл instafeed.js вызывается неправильно.

Вы поставили это:

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

path/to/ перед instafeed.min.js должен быть рабочим путем с информацией о вашем сайте.

person Dylan    schedule 17.03.2016