261 comments found.
Hey great App.
Need a few things addressed, how to limit the amount of items displayed and is the a way to display the video content instead of just the keyframe image.
Thanks migsig
Hello migsig, limiting photos is easy however not a standard feature. Send me a message and I’ll send you an update free of charge. As for video, you will need my Simple Instagram Video plugin in order to do this.
Thanks,
xxcriversxxHello i just purchased your module, but it seems not work
demo.js, simpleInstagramFancybox.min.js in header http://www.flower-market.dp.ua/%D1%84%D0%BE%D1%82%D0%BE_%D0%B2%D1%80%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D1%8F_%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2 or demo folder form archive http://www.flower-market.dp.ua/demo/demo/index.htmlI don’t understand what these two links are. The second one seems to be working just fine.
xxcriversxx
I’d like to limit the number of photos to 10 images, can you help me with this?
Thanks
tessaroline@yahoo.com.br
tessaroline, I will be glad to send you an updated version that allows you to do this. To help me keep organized, just send me a message using the form on my profile page.
Thanks!
xxcriversxxHi all, I bought the plugin, but I have a problem. Video does not play. Or did I do something wrong?
Hello, correct this plugin simply creates a thumbnail gallery for your photos and videos. For a more robust video version, please see my Instagram Video plugin.
xxcriversxx
Hi, I have just purchsed this plugin, I got my access token and put it into the demo and it worked.
I then changed the mode from ‘popular’ to ‘user’ and added: userID: and the demo now displays only 1 image, but the instagram account has 89 posts. here is the code that I have changed the demo to (real access code and userID not shown here)
$(document).ready(function(){
// Calling the Plugin
$('.demo').simpleInstagramFancybox({
captionOn : true,
mode : 'user', // This sets the mode to either "user" or "popular". Either pull from the popular feed or your user feed. Default is set to popular
userID : '[THE_USER_ID]',
accessToken : '[THE_ACCESS_TOKEN]', // This a mandatory setting that allows you to specify an access token.
});
// Demo Starter
$('.start-demo').click(function(){
$(window).scrollTop(600);
});
// Pretty-fy Demo
prettyPrint();
});
Can you please let meknow what is wrong
APologies, most of the methods out there given to get userID are flawed and I was given an incorrect userID. I now have the correct one and it works great. Thanks. It does only show 20 images though. Is there a way to change this?
Awesome! It shows as many photos as the account have. However, the Instagram Api only allows pulling photos in sets of 20 and just like on your mobile device, you need to click load more load the next 20. And so on, and so on.
I hope this helps!
xxcriversxxHi, I can’t find a “load more” button, anywhere on the demo or any refernce to it anywhere in the documentation. Can you please help me with this.
The load more button is something that is handled automatically. There is nothing you need to do on your end. If you have more than 20 photos in your account, it will show the first 20 and then display a load more button automatically.
xxcriversxx
Strange, yea I see the issue. Send me a message so I can better communicate with you on the issue.
Hi there,
I’m having trouble getting my clients photos to display on their splash page. I’m not sure why its not working…here is the link: http://vsbnailboutique.com/
My email is b.acosta@me.com, please let me know what the issue may be.
Hello,
I will be glad to help you get started. Please first make sure that you have a valid Instagram Access Token configured. You can retrieve your token easily at the following link.
xxcriversxx
$(instagramPhoto).appendTo('.demo');
Why is it looking for a div with a class of demo to add the photos to when I already specified the jQuery selector?
Hello andrewjmead,
I’m just getting back from vacation so thanks for your patience. As for the .demo class, this was done simply for demonstration purposes. Let me know if you need any help getting started.
xxcriversxx
can someone help me set this up please
Sure, send me an email and I’ll take a look.
Hi,
I need to limit photos based on a tag and i changed the simpleInstagramFancybox file like below. but cant see any image. please let me know what is the issue.
mode : 'popular',
accessToken : '1362275813.ab103e5.2ad3f1726f1a4eed85dbe26716137540',
userID : '1362275813',
speed: 700,
delayInterval : 80,
appearEffect : 'fade',
captionOn : true,
tags: "Singapore"
};thanujamudith,
I will be glad to help. Your code looks correct, try lower-casing your tag. I don’t believe it is case sensitive but that should do the trick.
xxcriversxx
I changed it to lower case, but still not working for me. i sent you email. please let me know how to solve this matter.. thanks
See email
I cannot get this to work. I got a access token. All I want is my pictures from my username. It’s showing me a bunch of random ones I don’t want..
I got it worked out, looks like the demo.js file is not where we need to update the user name and acess key.. However can you assist with limiiting the number of photos it pulls?
Correct, you need to update the access key wherever you are calling the plugin.
Yes, I can assist you with limiting the photos. Please send me an email so that I can package up a custom update for you.
xxcriversxx
Hey there!
This plugin looks great, but I’m not able to get it to work. I keep getting a message saying that my access token is invalid (I used the default one provided in the documentation, and also one I generated myself).
Would you be able to provide some assistance on this?
My email is ross[at]electrickiwi.co.uk
Thanks! Ross
Hello Ross,
Yes, the token in the documentation are for demo purposes only. You need to provide your own api token. Can you send me a link to your site so I can better assist?
xxcriversxx
Hi,
Sure – it’s still in development, but it’s here: http://gromomusic.com/wp
It’s currently set to use the access code I generated – but it gives me the same error message as the demo one.
The Instagram gallery should be appearing below the text on the main page.
Thanks, Ross
First of all I see a ton of errors in my console.
TypeError: $ is undefined simpleI...ybox.js (line 181) TypeError: $ is not a function
I’m not even getting the access token error.
Hi—sorry, working through some jQuery conflict errors at the moment. I’ll let you know when those have been resolved so we can look at the access key issue. In the meantime, is there a method you suggest for generating an access key, since the method I used didn’t appear to be correct? Thanks! 
Hi!
Sorry about that. Those issues should now be resolved, and if you visit http://gromomusic.com/wp/ you should see the access key error.
Thank you! Ross
You can easily grab your token by logging in to the following too.
xxcriversxx
Thanks, Chris. I’ve generated an access code, but now I get an error message because the feed is empty. It took a while to realise that the access code and user ID need to be updated in ALL of the files (demo.js / simpleInstagramFancybox.js and the main page where the code is embedded). It might be a good idea to update the documentation the next time you do an update as it’ll save people a lot of time!
So, I now just have a couple of questions:
- The documentation says you can show your feed or a friend’s feed. I have set it to display “user” feed. My feed is empty so it shows no photos (as expected). I want to show another user’s feed (not mine) – how is this done? I couldn’t see it in the documentation.
- How do we set the number of images that are displayed?
Thanks! Ross
Hey Ross,
In order to set the number of images, you will need a custom update since this is not a standard feature of the Instagram API. If this is something you need, just send me a message and I will get that over to you.
xxcriversxx
Thanks, Chris. I appreciate your responsiveness! Just sent you a message.
Thanks! Just responded.
I keep getting access token is invalid!!! I have created a new new one through instagram and not having any luck!
No problem, send me your token so I can verify it for you.
xxcriversxx
I’d like to limit the number of photos to 8 or 10 images, can you help me with this?
Thanks
Hello, I will be glad to help. Send me your email address so I can provide you with this feature complementary.
xxcriversxx
Hi, my email is web@absalonsoluciones.com
Sent!
Enjoy,xxcriversxx
Hello, im sorry but dont have clear the documentation, can you help me?
put online the demo page and its work with my accessToken with popular random image, how can i get my account image..? i try to customize demo.js but nothing, also its possible to charge more than 20 photos..? thx in advance Eddy
Eddy,
You simply need to set the plugin to user mode and supply your numeric user id. Do you know how to do this?
xxcriversxx
yes, do it, but dont work
Check your email.
I just bought this and the instructions are minimal…. Do I need to install fancybox2 for this to work as well?
This is the code I have….
$(document).ready(function(){
$('.demo').simpleInstagramFancybox({
accessToken : '791307980.ab103e5.72de51cd68b34d40aef3422e537cfebe',
mode : 'user',
userID : '791307980',
tags : "smoothies"
});
});Hello, I will be glad to help. I’m not sure where your confusion is. You simply need to put the information above exactly as you have it. The included demo is an exact example of how implementation. It’s very straight forward but let me know if you need further assistance.
Thanks!
xxcriversxxYes I did that, but it’s not working – I am using the Startup Framework….
Send me a link and I’ll find the solution.
is responsive?... in order to use it on iframe for a mobile site… thanks
Yes, this plugin is fully responsive.
thanks
Hello there i just purchase your script but i cant make it work… i have a joomla site and dont see any documentation for intallation… can you help me with that please?
Hello,
I will be glad to help you get started. This plugin is a jQuery plugin so it is easy to integrate it with any CMS since javascript is its only dependency. To use get started take a look at the included demo. This shows very basic usage of the plugin so you should just be able to look at the files and mirror what I have set up for you. Let me know if you need more extensive help.
xxcriversxx
hello there… I still can’t make it work… can you give me step by step ?
Sure, however this plugin come with instructions on setting this up.
1.Include a copy of JQuery which can be downloaded at “http://www.jquery.com”.
2. Include a copy of “simpleInstagramFancybox.js”.
3. Next, write a JavaScript function that calls the method. Make sure you call the method on the element you wish to center to. See example below: $(document).ready(function(){ $(’.demo’).simpleInstagramFancybox(); });
4. Add the following to your template.5. Configure your plugin options including your Access Token as described in the documentation. See the included docs for more information.
Enjoy!
xxcriversxxHi,
Is there a way to increase the thumbnail quality that is being generated. It’s currently pulling a very low resolution version of the image as a thumbnail and it looks pretty bad. Is there a way to match instragram’s quality.
ksource7,
The image that it is pulled in is the standard “standard resolution” quality image which is the biggest they have so you shouldn’t be experiencing pixelation unless you are blowing these images up yourself. Can you send me a link to your setup?
xxcriversxx
Hi, not sure if I missed this in any previous comments but is there a way to paginate the posts? Or limit them to a certain number (6) of the most recent photos?
I will be glad to answer this for you. Yes, the Instagram API already handles pagination. However, the pagination is set to pull photos in sets of 20. If there are any more photos, it will add a “load more” button similar to the functionality on your mobile app.
Thanks,
xxcriversxxHi there!
Love the script, looks great. However, after installing it, there doesn’t seem to be anything showing on the designated DIV. The web inspector in chrome shows no errors and shows that your script is pulling the correct images from my chosen user ID, but they dont seem to be showing on the front end.
Could you suggest any way to debug this problem?
Cheers
Tom
Worked it out! Thanks anyway
Perfect!
