For whatever reason, Instafeed (http://instafeedjs.com/) isn't displaying anything. I'm using localhost if that makes a difference.
My markup is as follows:
<div class="photo-container">
<div id="instafeed"></div>
</div>
I've set the height of photo-container in the CSS.
Here is my JS:
<script type="text/javascript">
var userFeed = new Instafeed({
clientId: '33a######################76569e',
get: 'user',
userId: 22####892,
accessToken: '2######92.46######.108#######403e8088#####05',
limit: 9,
useHttp: true,
target: 'instafeed',
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">♥ {{likes}}</div></a>'
});
userFeed.run();
</script>
I also have the following line above the script:
<script src="js/instafeed.min.js"></script>
I can't seem to find the issue here? The strange thing is that it works in JSFiddle but not on localhost. It just has an empty space is where the photo-container is. I've also uploaded it online and it doesn't work there either.