jsanahuja / jquery.instagramfeed Goto Github PK
View Code? Open in Web Editor NEWInstagram Feed without access token. Not using the Instagram API
License: MIT License
Instagram Feed without access token. Not using the Instagram API
License: MIT License
It would be great to be able to display from multiple user accounts in the feed. It doesn't look like the username cna accept more than one parameter. Is this a possible addition?
Hi, firstly i want to say thank you for great plugin.
I am rookie and i want to use this instagram plugin on my footer in blogger. I added the code footer section but nothing is showing. Can you help me to fix this. i am using https://github.com/abhibagul/Morpho-Blogger-Template and i want to use in footer-wrapper div.
Hi there,
Using this on a site and during development every 2 or 3 reloads I get an error of "429 (Too many requests) originating from "https://cors-anywhere.herokuapp.com/https://www.instagram.com/instagramuser".
Is this a known problem with this workaround library and is there any resolution to this?
Great plugin!
Is there any way I can execute custom code when the plugin finishes loading the posts (like onEnd or something similar)?
The documentation for the items
option states:
Num of items to display in gallery. Accepted values [0-12]
However this limit is only true for users. Tags can have many more than 12 (at least 70 according to Example 4).
Hi there ! I've set up the library on a project, works perfectly fine. However, after a few days, the feed stopped working.
I was scrapping info from a single client instagram account to display their latest publications. Now I get 302 redirection through instagram login page, avoiding me to retrieve datas from public profile.
From what I've read, Instagram of course has a limit for scrapping. Do you know if there is a way to bypass it, or any additional infos regarding actual limit?
By default we render thumbnail_src
which is the 640 x 640 scale. In the thumbnail_resources
array we have available the scales for the 150x150
, 240x240
, 320x320
, 480x480
and 640x640
.
EDIT: Markup
How can I show more than 12 posts?
Would it be possible to get the image caption on instagram?
After set the value 'items' : 20
just getting 12 thumbnails. Can you tell me why it's happening?
I 'm getting this error , anyone knows how to fix it?
'Instagram Feed: It looks like YOUR network has been temporary banned because of too many request'
thanx
This issue is to implement lazy loading as was done in this InstagramFeed PR jsanahuja/InstagramFeed#30
$.instagramFeed({ 'tag': 'tag', 'get_data': true, 'items': 20, //it's won't work 'callback': function (data) { console.log(data); } });
Hello
no matter what number I use I only get 12 pictures - I put in 100, still only get 12 pictures - was wondering what is going on.
how difficult would it be to e.g. show an initial 9 picture and give the user/visitor the option to load more pictures?
Thanks in advance for your input.
Hi, I want to change alt text data and structure which can appear in the google search result. Current structure: username Instagram image 0 like this which does not look good anywhere. Please help.
I modify the number of items: 20.
And he keeps showing me 12.
Hi there, awesome script! Is there a way to display the post description within the image? Same for comments and likes. Thanks!
Cannot read property '0' of undefined
What if I want to load more than 12 images?
Implementing on the body of the page doesn't have any effect. Is there any HTML Code that I need to add?
<script src="jquery.instagramFeed.min.js"></script>
<script>
(function($){
$(window).on('load', function(){
$.instagramFeed({
'username': 'instagram',
'container': "#instagram-feed1",
'display_profile': true,
'display_biography': true,
'display_gallery': true,
'callback': null,
'styling': true,
'items': 8,
'items_per_row': 4,
'margin': 1
});
});
})(jQuery);
</script>
I believe instagram just made necessary to login to get the feeds
Could anyone turn it into an RSS Feed or Atom Xml format output?
Is there a way to retrieve the images using both the "username" and "tag" options?
I want to get images with a specific tag from a specific user, but at the moment its one or the other.
hello at first thank you for this simple tool without needed api support. its greate
is there a simple way that I can tell the script when loading which pictures it should load explicitly?
total pictures e.g. 20. and it should load picture 1-4, and when i tell em picture 5-8, .... picture 9-12 ect. ect. without changing the script itself? or i have to use get data with callback and build it by my own?
thank you :)
consider those setting for desktop display
note that i only want to display 10 images on one row
'items': 10,
'items_per_row': 10,
when i switch to mobile the images get smaller and not visible enough
so how to tell the browser in case of mobile to display one or two items per row
Hi, maybe its not issue, but i can't get it to work.
I want to show small gallery. Can you show me working file? Or somewhere on web?
What am I doing wrong?
When i put js to file it will do nothing for a example my file looks like this:
`
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="jquery.instagramFeed.min.js"></script>
</head>
<body>
<div>Its working</div>
<div id="jsonHere"></div>
</body>
All our sites using this script have gone down with the same CORS error at same time. Instagram may have changed their CORS policy recently, as this script has been working perfectly for months. Is there any way to get around the error?
Access to XMLHttpRequest at 'https://www.instagram.com/ACCOUNTNAME' from origin 'https://SITE.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
The items_per_row
option isn't documented...
Is there is a way to filter the response by tag.
Hello, I need to show more photos of the limit of 12 items that you specify.
If theres a video in the account the scripts crashes and stops working. Not even showing images from feed.
Hello,
if I set the parameter image_size, the image will not have the size I set.
This is happening because the width form the image is calculated based on the images per line.
I can insert a variable php into the function
which takes dynamic data for each field
example:
$instagram=$row['urlinstagram'];
<script>
(function($){
$(window).on('load', function(){
$.instagramFeed({
'username': '$instagram',
photos to view
hello everyone, wonderful script
is it possible to increase the photos to see?
now they are max 12
'items': 12
Hello,
I've been using the plugin on my Blogger themes since February (i own a small Etsy shop), and recently, some people have told me it's not working, but I can still see the plugin on their pages. The same people also told me that they were asking someone else to check and that they were seeing it too. So, some people can see and others can't.
Is this a known situation? Any clues as to what it might be?
Thank you!
Hi,
Thanks for this nice project!
The function just stopped working when it used with username on my website.
I checked on your documentation website and it's same issue.
Do you know what happened?
Thanks for your help,
Kind regards
Is there a way to change the "items_per_row" value in a media query? I'm trying to make items_per_row = 3 on desktop and items_per_row = 2 on mobile screens.
Thanks for the great repo!
Check for instance: https://www.instagram.com/fcbarcelona
Tab: IGTV it's included in the json inside: window._sharedData.entry_data.ProfilePage[0].graphql.user.edge_felix_video_timeline
Hi There,
I've produced a Drupal module to integrate your library into Drupal sites and recently an issue came up where if an image on instagram contained a "·" character in the name of the image, it would break the display.
I tracked down the issue to be something that was introduced between the November 29, 2019 version of jquery.instagramFeed.min.js and the one that was most recently released on January 7, 2020.
If I use the January 7, 2020 version, the problem comes up. If I use the November 29, 2019 version, the problem doesn't exist.
The instagram user I'm referring to is: transcend_the_physical
I've attached relevant screenshots. The issue is discussed here: https://www.drupal.org/project/simple_instagram_feed/issues/3111759
I haven't run a diff to check but I would expect it should be a fairly quick way to resolve the issue.
Cheers,
Andrew
Hello Team,
Thanks for this jQuery plugin. It works very good!
I have used this plugin on my website. There is more than 2000 instagram plugin. So we are using this plugin to show instagram feed when click on username. We have list of user, when click on username its open a popup and at bottom of popup we are using your script for show instagram feed ofr that particular user.
I just wnat to know that for how much user we can access this jQuery. Is there any limitation with this jquery that we can access this for limited no. of user in an hour? Please see screenshot of my list user.
Thanks
Error:
Uncaught TypeError: Cannot read property '0' of undefined
at Object.success (jquery.instagramFeed.min.js:9)
at c (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at l (jquery.min.js:2)
at XMLHttpRequest.<anonymous> (jquery.min.js:2)
code:
$.instagramFeed({
username: "travelagent_cestujsk",
container: "#instafeed",
display_profile: false,
display_biography: false,
display_gallery: true,
callback: null,
styling: true,
items: 8,
items_per_row: 4,
margin: 1
});
Version: 1.2.1
The options documentation for display_igtv
says the default value is true
, whereas it appears to actually be false
...
Hey guys. I tried using https://github.com/jsanahuja/InstagramFeed. Getting the following error when trying to use it:
VM140 InstagramFeed.js:218 Uncaught TypeError: Cannot set property 'innerHTML' of null
at Object.display (VM140 InstagramFeed.js:218)
at VM140 InstagramFeed.js:226
at XMLHttpRequest.xhr.onload (VM140 InstagramFeed.js:96)
Here's my implementation:
<script src="js/InstagramFeed.js"></script> <script> (function(){ new InstagramFeed({ 'username': 'screentek', 'container': document.getElementById("instagram-feed1"), 'display_profile': true, 'display_biography': true, 'display_gallery': true, 'callback': null, 'styling': true, 'items': 8, 'items_per_row': 4, 'margin': 1 }); })(); </script>And then of course the div.
Did you guys run into this? Seems like I'm doing something wrong or something has changed?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.