jQuery plugin to add Instagram feed to a page.
https://mladenplavsic.github.io/masongram/
- 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"
$('#masongram').masongram();
Type |
Configuration for |
Description |
Default |
string |
Instagram API |
Authorization (required) |
|
Type |
Configuration for |
Description |
Default |
string |
Instagram API |
Endpoint of Instagram API media source |
users/self |
Type |
Configuration for |
Description |
Default |
number |
Instagram API |
Number of results for one API request |
10 |
Type |
Configuration for |
Description |
Default |
string |
Instagram API |
Instagram image resolution: low_resolution , standard_resolution |
low_resolution |
Type |
Configuration for |
Description |
Default |
number |
MasonGram |
Distance (percent) from bottom of page where new API request is sent |
10 |
Type |
Configuration for |
Description |
Default |
string |
MasonGram |
HTML content of caption, with variables: {caption} , {location} , {likes} , {image} |
{caption} |
Event |
Description |
masongram:error |
Triggered when error detected |
masongram:api:end |
Triggered when reached end of API resources |
Within the demo page there is FancyBox jQuery plugin integration. This is an optional dependency, added for demo purposes only.