🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

MasonGram is a jQuery plugin to add Instagram feed to a page.Features:SimpleResponsiveInfinite loading while scrolling downLink 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”

Gallery Other API Plugins

Documentation

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.


You May Also Like