Saturday, 25 April 2015

Instamax 3.0 - Instagram Account Photos and HashTag Gallery for your website

DOCUMENTATION

Step 1: Upload Package to Server

Upload the folder instamax to your hosting server.

You can also host specific file on your server that are mandatory for the plugin -

  1. The jQuery file jquery-1.11.2.min.js or any latest version you want
  2. The InstaMax Javascript file jquery.instamax.min.js
  3. The InstaMax CSS file instamax_clean.css

Step 2: HTML

Create a container element in your HTML having the class instamax.

<div id="instamax" class="instamax"></div>

Step 3: Javascript

Call the plugin in your Javascript as below

$("#instamax").instamax({ //Access Token generated at InstaMax Token Generator //http://demos.codehandling.com/youmax_demo/photomax_token.html accessToken:"260796206.0efbe26.89a76a9668934089a2d00d928486fd26", //Link to your Instagram Account user:"https://www.instagram.com/hiltonic_", //HashTags if required hashtag: [ "#doodle", "#beach" ], //Skin can be grey|white|clean skin:"grey", //Tab shown by default. Can be p|h1|h2|... selectedTab:"p", //Alwasy show dropdown instead of Tabs alwaysUseDropdown:false, //Can be user|global //HashTags will get photos from User Account or Instagram Global tagScope:"user", //Widget Mode widgetMode:false, //Can be popup|link displayMode:"popup", //Maximum Results maxResults:15, //Distance between thumbnails innerOffset:30, //Distance between thumbnail & container outerOffset:30, //Minimum thumbnail widht minItemWidth:200, //Maximum thumbnail widht maxItemWidth:300, //Maximum Container width maxContainerWidth:800 });
THOUGHTS ?

85 comments:

  1. Replies
    1. Why not? If you shared your correct email, you will receive the link to our plugin download vault.

      Delete
  2. Hi, I am getting the following error when I replace my clientId
    instamax_global_options.userName = response.data[0].username;

    any ideas of why?

    however when i replace this for accessToken, it works
    but I am using the accessToken from another example, how can I generate my own token?

    Thank you

    ReplyDelete
  3. Fabian, you need to use the Access Token. You can generate your personal Token at our Instamax Token Generator - http://demos.codehandling.com/youmax_demo/photomax_token.html

    Cheers :)

    ReplyDelete
    Replies
    1. Hi Thank you very much that worked!!!
      Can I ask you,does this token expire? and does this applies the global limits (https://www.instagram.com/developer/limits/) 500 / hour?
      Thank you

      Delete
    2. Our App is Live so you rate limit will be 5000/hour.

      I hope you are subscribed to my list man. We are launching our latest project "Dream Pack" this month end, and we want all you guys to get the initial access to our project :)

      Delete
  4. Is there a way to get rid of the Instargram user info/header and only show the photo gallery? Also, it there a way to only show a specific hashtag and not have an option to view any others?

    ReplyDelete
    Replies
    1. Sure, you can add the below CSS text to hide the Instamax header -
      #instamax-header {display: none !important;}

      Cheers :)

      Delete
  5. Hi! Thanks for your great project here!!:)

    However, I was trying to modify the skin of gallery. I just change "grey" to be "white" (e.g. skin:"white"), but it seems not work for me. Do you know what happens? Thanks.

    ReplyDelete
    Replies
    1. You also need to change the CSS file in your Head section. It should link to instamax_white.css in your case :)

      Delete
    2. Oh! Yeah! Thank you so much!!
      Excellent work!! Keep going!:)

      Delete
  6. Hi Jake, can you tell me about that dose this access token expire? Is this token depend on IG or you?

    (accessToken:"260796206.0efbe26.89a76a9668934089a2d00d928486fd26")

    Because it seems has to generate by your Instamax Token Generator.
    I'm afraid that if the token was expired or once your server was suspended unfortunately, I can't use the plugin anymore. Thanks.

    ReplyDelete
    Replies
    1. Yin, you can generate your Tokens from our Token Generator. In case it gets expired, you can generate another one. You can keep using the plugin forever with any Instagram token :)

      Delete
  7. Sorry to bother you:( , can I ask you that why only the access token generated by your "InstaMax Token Generator" can be requested the media of other users?

    Is this because your APP is live and has approved by Instagram to use the public_content scope permission?

    Am I right/wrong? I am looking forward to your reply soon. Thanks><

    ReplyDelete
    Replies
    1. Yes, we have Instagram permissions to get public content (which is actually quite rare) :D

      Delete
    2. Incredibly! You got one.. :O

      Delete
  8. Hi,
    I'd like to know: is it possible to get Instamax to work on a jimdo webpage? Thx.

    ReplyDelete
    Replies
    1. I've never tried myself. But if you can use and jQuery plugin on Jimdo, then you can easily use InstaMax too :)

      Delete
  9. Hi there, 2 questions :)
    1) is the 5000 limit per hour total limit per token or total limit for all users who has got your product_?
    2) How can I show any hashtag by default on page load_?

    Thanks!

    ReplyDelete
    Replies
    1. 1. It should be per Token.
      2. The "selectedTab" option will allow you to show any Tab by default on page load

      Delete
    2. This comment has been removed by the author.

      Delete
    3. Set it to "h1" to select the first hash Tag.

      Delete
  10. This comment has been removed by the author.

    ReplyDelete
  11. Hey friend.

    Thank you so much for that plugin, it's awesome!

    I'm using it in a little system I'm trying to do. Let me know one thing, how can I avoid the display of videos, display only photos? And also, how can I change the behavior when I click in some photo, like, instead of showing photo information, do another thing? The JS is all in one line, I can't programmaticaly change something.

    ReplyDelete
    Replies
    1. We have an option to either display popup or link to Instagram photo. Other than that you will need to update the code :)

      Delete
  12. Hello Thank you for sharing this plugin, how to do step 3?

    ReplyDelete
    Replies
    1. You need to copy the code from step3 into your HTML page.

      Delete
  13. the code does not work... is this still in service?

    ReplyDelete
    Replies
    1. The Demo is working buddy, right?
      The plugin is fully functional. Share the link to your page and I can help you out :)

      Delete
  14. Thanks for the plugin, how i can make the height not the same for all images?

    ReplyDelete
    Replies
    1. The heights of the images come from Instagram. We do not change those heights in the plugin :)

      Delete
  15. Thanks for the plugin. It´s great. I have one question. I wanna hide the information of the user, showing only the photos. It´s possible? Thanks.

    ReplyDelete
    Replies
    1. You can add the below CSS into your page to hide the header and stuff -

      div#instamax-header, #instamax-tabs, #instamax-select-box {display: none !important;}

      Delete
  16. This comment has been removed by the author.

    ReplyDelete
  17. Hi, thanks for a great plugin! But I get blurry pics in my feed. When I look in the code the image size is 306x306px. And with my configuration, the images are resized to 337x337px. How can I load larger images before they are resized?

    ReplyDelete
    Replies
    1. Found it!
      updatedAlbumThumbnail=albumThumbnail.replace("s150x150","s306x306");
      replaced it with
      updatedAlbumThumbnail=albumThumbnail.replace("s150x150","s350x350");
      Thanks again :)

      Delete
  18. Hi, great plugin! Modified it a bit to suit my needs, looks quite slick actually ( http://gropio.com/stek/file/zdlemc ). But im trying to instead of placing pictures in a new row when resizing I want to remove them/hide them so it's ALWAYS only one row. Since it's placed directly above the footer and with no borders/margin/padding it would be awesome. Any solution for that?
    Cheers!

    ReplyDelete
  19. Hi. I have problems with the popups. The images and and comments are shown nicely, but the text from the captions are missing. Emojis from the captions are displayed however. Any idea why this could be? I use bootstrap on the site also.

    ReplyDelete
    Replies
    1. Ok this was embarrassing. I forgot I have light font on the page so it has invisible on the background. Never mind.

      Delete
  20. I see this listed as free on Stackoverflow, but the download link has a charge.

    ReplyDelete
  21. Aside from aiming to purchase 500 Instagram supporters you can choose 5000 or 10,000 devotee bundles moreover. Sites which are controlled and oversaw by Instagram specialists offer you such administration and give genuine adherents. Get yours from TheFreeFollower

    ReplyDelete
  22. Thanks for sharing this great. Keep sharing more useful and conspicuous stuff like this. Thank you so much

    ReplyDelete
  23. The one place where as a venue and fan I could search by what ever perimeters I chose .Good Luck with your future endeavors

    ReplyDelete
  24. I really loved reading your blog. It was very well authored and easy to undertand. Unlike additional blogs I have read which are really not tht good. I also found your posts very interesting. In fact after reading, I had to go show it to my friend and he ejoyed it as well!

    ReplyDelete
  25. This is an interesting site, serious!Really these contents needs to be shared on social networking sites as they are really the brief and great masterpieces here

    ReplyDelete
  26. Expanded number of snaps is required for boosting up the oval prevalence of your organization. You can likewise amplify your wings far and wide and can even get the chance to speak to your organization to global customers.http://benoberg.com/how-to-make-money-on-instagram/

    ReplyDelete
  27. This is such a great resource that me are providing and you give it away for free.
    seeing that understand the value of providing a quality resource for free. :) :)
    bloons tower defense 5

    ReplyDelete
  28. Thanks for your post! it contains quite a lot of things to learn! it's great that I known this site!
    geometry dash | abc ya | fb login

    ReplyDelete
  29. Sorry but is it correct?

    It said "This item is no longer available".
    So I can't do anything now, right?

    ReplyDelete
  30. Free Flash Games happywheelsdemo.in unblocked
    happy wheels happywheelsgame.inPlay Free sudoku hearts minesweeper freecell spades yahtzee msn free games

    ReplyDelete
  31. if you want more game coins on your phone you should check madden mobile cash

    its saved me a lot of time and hassle

    ReplyDelete
  32. Interesting post! This is really helpful for me. I like it! Thanks for sharing!
    - gmail sign in

    ReplyDelete
  33. • You have posted a very detail document. I read all of your article and I really like it, I understand your point of view.
    - aol sign up
    - Google Street View

    ReplyDelete
  34. Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write.
    Thanks for sharing !
    tanki online 2 | 2048 game online

    ReplyDelete
  35. The blog or and best that is extremely useful to keep I can share the ideas of the future as this is really what I was looking for, I am very comfortable and pleased to come here. Thank you very much.
    animal jam | five nights at freddy's | hotmail login

    ReplyDelete
    Replies
    1. if you want more game coins on your phone you should check Line Disney Tsum Tsum Hack

      its saved me a lot of time and hassle

      Delete
  36. This is great information for students. This article is very helpful i really like this blog thanks. I also have some information relevant for online dissertation help.

    ReplyDelete
  37. I loved the way you discuss the topic great work thanks for the share.

    ReplyDelete
  38. Dissertation Guidance Provides quality Online Dissertation Help for students.

    ReplyDelete
  39. Hi buddy, your blog' s design is simple and clean and i like it. Your blog posts about Online Dissertation Help are superb. Please keep them coming. Greets!!

    ReplyDelete
  40. Those who come to read your article will find lots of helpful and informative tips

    ReplyDelete
  41. Good way of telling, good post to take facts regarding my presentation subject matter, which i am going to deliver in my college

    ReplyDelete
  42. Really i appreciate the effort you made to share the knowledge. This is really a great stuff for sharing. Keep it up . Thanks for sharing.

    ReplyDelete

  43. The share your really gives us excitement. Thanks for your sharing. If you feel tired at work or study try to participate in our games to bring the most exciting feeling. Thank you!
    hotmail login | red ball game | 192.168.1.1

    ReplyDelete
  44. I personally like your post; you have shared good insights and experiences. Keep it up.

    ReplyDelete
  45. This comment has been removed by the author.

    ReplyDelete
  46. Thanks for your article, it gave me a lot of new and useful information. Hope you have more posts to share with everyone.

    ReplyDelete
  47. i can't download please can u sent it to me email : us.outhell@gmail.com

    ReplyDelete
  48. I enjoyed on reading your blog post. Your blog has a lot of useful information for me, I got good ideas from this great blog. I'm always looking for this type of blog post. I hope I will be reading more of your posts further

    ReplyDelete
  49. The article you have shared here very good. This is really interesting information for me. Thanks for sharing!
    - gmail sign up

    ReplyDelete
  50. • Your article is great and rewarding. I like it very much. Hope to read more posts from you.
    * gmail sign up
    * Street view
    * Boy names starting with O

    ReplyDelete
  51. Prison School Season 2 release is expected in 2017 and here are exclusive updates and plot details about our favorite anime series



    ReplyDelete
  52. Great post! This is really interesting information for me. Thanks for sharing!
    json converter

    ReplyDelete
  53. The Instagram Un follow tool is a web and mobile app that aims at removing the unwanted users on your Instagram account. This app will assist in un following the users who haven't followed you after a considerable time period.
    http://ihacku.org/

    ReplyDelete
  54. I still liked this article, good, good content, and unique design.Thank you for sharing the article.
    Cara Mengatasi Pembengkakan Tiroid Secara Alami

    ReplyDelete
  55. Piggy Boom hack app (GemTrainer) allows you to unlock in-game premium currency free of charge. To activate the cheat tool, input the $ symbol follow by a 11-digits code. Cheats for Piggy Boom support devices powered by Android and iOS (iPhone/iPad). Piggy Boom Hack

    its saved me a lot of time and hassle

    ReplyDelete
  56. I really like your blog! Continue to write more! Very interesting!

    ReplyDelete
  57. Such a very useful article. Very interesting to read this article.I would like to thank you for the efforts you had made for writing this awesome article.
    slither.io

    ReplyDelete
  58. Thank you for taking the time and sharing this information with us. It was indeed very helpful and insightful while being straight forward and to the point.
    www.McdonaldsGutscheine.net/ | Startlr

    ReplyDelete
  59. Great post. I was checking continuously this blog and I am impressed!
    Very useful info specifically the last part :) I care for such info much.
    I was looking for this certain information for a very long time.
    Thank you and best of luck hotmail login | hotmail email login | hotmail account login

    ReplyDelete
  60. Thanks for sharing these useful information! This is really interesting information for me.
    - google mail

    ReplyDelete
  61. Good article, but it would be better if in future you can share more about this subject. Keep posting.

    ReplyDelete