masongram
masongram copied to clipboard
Published
20 hours ago •
mladenplavsic
mladenplavsic
jQuery plugin which adds Instagram feed to any page
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.78or 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
- jQuery
- Masonry, jQuery plugin
- ImagesLoaded, jQuery plugin
Integrations
FancyBox (lightbox)
Within the demo page there is FancyBox jQuery plugin integration. This is an optional dependency, added for demo purposes only.
Metadata
36
Stars
28
Forks
Watchers
Owner
mladenplavsic
Metadata
jQuery plugin which adds Instagram feed to any page