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.
