MasonGram jQuery plugin to add Instagram feed to a page.
Demo https://mladenplavsic.github.io/masongram/
Features Simple Responsive Infinite loading while scrolling down Link to a location on map (configurable either via caption text @12.34,56.78 or via image location tag) Configurable image caption with "caption", "location", "likes" Usage $('#masongram').masongram(); Options access_token Type Configuration for Description Default string Instagram API Authorization (required)
endpoint Type Configuration for Description Default string Instagram API Endpoint of Instagram API media source users/self
count Type Configuration for Description Default number Instagram API Number of results for one API request 10
size Type Configuration for Description Default string Instagram API Instagram image resolution: low_resolution, standard_resolution low_resolution
offset Type Configuration for Description Default number MasonGram Distance (percent) from bottom of page where new API request is sent 10
caption Type Configuration for Description Default string MasonGram HTML content of caption, with variables: {caption}, {location}, {likes}, {image} {caption}
Events Event Description masongram:error Triggered when error detected masongram:api:end Triggered when reached end of API resources
Dependencies Integrations FancyBox (lightbox) Within the demo page there is FancyBox jQuery plugin integration. This is an optional dependency, added for demo purposes only.