Can't get instafeed to work at all

766 Views Asked by At

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">&hearts; {{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.

0

There are 0 best solutions below