Skip to content

mladenplavsic/masongram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.