SamuelDenani / instamedia

A cool and simple jQuery plugin to get media from a Instagram user using the new Instagram graph API.

INSTAMEDIA

Instamedia is a simple jQuery plugin inspired by Instafeed to retrieve media from a Instagram user using the new Instagram graph API.

How to use

Just select your div using jQuery and use the plugin passing at least the accessToken parameter:

$('#instagram-div').instamedia({
    access_token: '{{your-access-token}}'
})

Parameters

Parameter	Type	Default	Description
accessToken	String	null	The user access token
fields	Array	['media_url', 'permalink']	The fields to be returned from the media
quantity	Integer	25	How many media should be returned Max of 100
slick	Object	null	Settings for Slick Carousel If left null, Slick won't be used

Full use example

$('#instagram-div').instamedia({
    accessToken: '{{your-access-token}}',
    quantity: 32,
    fields: [
        'permalink',
        'media_url',
        'caption',
        'id'
    ],
    slick: {
        slidesToShow: 4,
        slidesToScroll: 4,
        infinite: true,
        dots: false,
        fade: true
    }
})

For now doesn't matter the fields you ask to return, all the media will be displayed inside an anchor tag with _blank target to that media.

I plan to implement a parameter to template actually, but for now it will only return the media inside an anchor tag.

This is only the first version, I plan to make this plugin much more complete and cooler.