2015-10-22 1 views
0

salut J'essaie d'obtenir un flux instagram sur mon site Web montrant mes photos d'utilisateur. J'ai mis le javascript en haut de ma page comme suit:Instafeed ne charge pas

<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> 

je puis mettre un div id il de « instafeed » dans le corps de ma page. mais rien ne s'affiche localement ou lorsque je télécharge mes fichiers? Est-ce que quelqu'un sait pourquoi c'est comme ça?

Répondre

0

La cause la plus probable de votre problème est que instafeed.js essaie de s'exécuter avant que votre page ne soit complètement chargée.

Pour résoudre cela, assurez-vous que vous avez mis <div id="instafeed"></div> sur votre page, et que vous chargez instafeed.js après que la page a été complètement chargée:

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

Votre fichier instafeed.js est pas correctement être appelé .

Vous avez mis ceci:

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

Le path/to/ avant que les instafeed.min.js a besoin d'être en fait un chemin de travail avec votre info site web.

0

Une autre chose ... quelque chose que la page instafeed ne semble pas mentionner ... est d'ajouter une "limite" ... cela indique instagram combien d'images à déposer .. sinon je suppose que la valeur par défaut est zéro ...

J'ai fait mien: limite: « 4 »

serait une pièce assez utile d'information pour mettre dans les instructions!

voir ci-dessous:

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