Giters

jsanahuja / jquery.instagramFeed

Instagram Feed without access token. Not using the Instagram API

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Question: Unable to use other accounts than the examples ones

gigibotte opened this issue · comments

commented

Hey,

I'm trying to implement the jquery.instagramFeed on a website I'm working on. I tried starting from the examples provided but as soon as I write in the function the name of the user I want to retrieve information from I got no results on my html (no error and no display of anything).

This is the code I'm using:

<div id="instagram-feed1" class="instagram_feed"></div>
<script src="js/jquery.instagramFeed.min.js"></script>
<script>
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'zara',
                'container': "#instagram-feed1",
                'display_profile': false,
                'display_biography': false,
                'display_gallery': true,
                'display_captions': false,
                'callback': null,
                'styling': true,
                'items': 12,
                'items_per_row': 4,
                'margin': 0.25,
                'on_error': console.error
            });
        });
    })(jQuery);
</script>

Now, this code works with zara account (from the example) but not with the one I want to use briochehandmade.
any idea on what should I do?

Thanks a lot!

Luigi

commented

It works for me
image

<html>
<body>
<div id="instagram-feed1" class="instagram_feed"></div>
<script  src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.instagramFeed/2.0.0/jquery.instagramFeed.js"></script>
<script>
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'briochehandmade',
                'container': "#instagram-feed1",
                'display_profile': false,
                'display_biography': false,
                'display_gallery': true,
                'display_captions': false,
                'callback': null,
                'styling': true,
                'items': 12,
                'items_per_row': 4,
                'margin': 0.25,
                'on_error': console.error
            });
        });
    })(jQuery);
</script>
</body>
</html>
commented

Ok, I guess there was something wrong with jquery files I was using. Because your code is working! Thank you a lot!