2015-10-22 2 views
0

привет, я пытаюсь получить канал instagram на моем веб-сайте, показывая мои пользовательские фотографии. Я поставил JavaScript в верхней части моей страницы следующим образом:Instafeed not loading

<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» в тело страницы. но ничего не отображается ни локально, ни когда я загружаю свои файлы? Кто-нибудь знает, почему это?

ответ

0

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

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

$(document).ready(function() { 
    var feed = new Instafeed({ 
    get: 'tagged', 
    tagName: 'awesome', 
    clientId: clientId 
    }); 
    feed.run(); 
}); 
-1

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

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

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

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

0

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

Я сделал мое: предел: «4»

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

смотри ниже:

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