Masonry Instagram Photo Grid With Infinite Scroll – jQuery MasonGram

MasonGram is a fancy jQuery Instagram Feed plugin which fetches images from any Instagram user and displays them in a responsive Masonry-based photo grid with infinte scroll support.

 

 

More features:

  • Responsive, fluid grid layout based on Masonry.js.
  • Location and Instagram post links on hover.
  • Allows to set the max number of images to display.
  • Allows to set the image quality to fetch and display.

 

How to use it:

1. Load the necessary jQuery, Masonry.js and jQuery imageLoaded plugin in the html document.

 

2. Load the jQuery MasonGram plugin’s files in the document.

 

3. Create a container to place your Instagram photos.

 

 

4. Call the function on the container element and insert your own Instagram access token.

 

5. All default configuration options.

 

6. Events available.

Leave a Reply