https://github.com/adrianengine/jquery-spectragram

A jQuery plugin using the Instagram Basic Display API to fetch and display user photo feeds inside a list or any container you define.
https://github.com/adrianengine/jquery-spectragram

Last synced: 10 days ago
JSON representation

A jQuery plugin using the Instagram Basic Display API to fetch and display user photo feeds inside a list or any container you define.

• Host: GitHub
• URL: https://github.com/adrianengine/jquery-spectragram
• Owner: adrianengine
• License: mit
• Created: 2012-07-04T20:16:44.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2023-04-14T20:05:55.000Z (over 1 year ago)
• Last Synced: 2024-04-25T02:25:40.477Z (7 months ago)
• Language: JavaScript
• Homepage: https://spectragram.js.org/
• Size: 284 KB
• Stars: 461
• Watchers: 30
• Forks: 143
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-jquery - jquery-spectragram - A jQuery plugin using the Instagram API to fetch and display user, popular or tags photo feeds inside a list or any container you define. (Images / Data Table)

README

        
![Spectragram](http://spectragram.js.org/i/logo.png)

**spectragram.js** is a jQuery plugin using the **Instagram API** to fetch and display user, popular or tags photo feeds inside a list or any container you define.

### [Visit Project Page](http://spectragram.js.org)

### [Download spectragram.js (minified 3kb)](https://raw.github.com/adrianengine/jquery-spectragram/master/spectragram.min.js)

---

# Instagram Platform Changes

- On June 1 2015, Instagram, which is owned by Facebook, [will stop allowing many third parties to access the images in its feeds](http://techcrunch.com/2015/11/17/just-instagram/).

- This means you will no longer be able to fetch photos form other users with spectragram after May 31.

- ~~Please follow this instructions to make it work with your own sandboxed feed:

[How to get Instagram API access token and fix your broken feed](https://github.com/adrianengine/jquery-spectragram/wiki/How-to-get-Instagram-API-access-token-and-fix-your-broken-feed)~~ **Update:** Not longer valid.

- On April 4 2018, some endpoints this plugin use were deprecated:

[Instagram Platform Changelog](https://www.instagram.com/developer/changelog/)

- Instagram Legacy API Will be disabled. [Facebook announced the API will work until March 31, 2020.](https://developers.facebook.com/blog/post/2020/03/10/final-reminder-Instagram-legacy-api-platform-disabled-mar-31/) **Update** will be deprecated on June 29, 2020.

- Spectragram.js has been updated to use the new Instagram Basic Display API, please follow the [new Token process](https://github.com/adrianengine/jquery-spectragram/wiki/Register-on-Instagram-Basic-Display-API-and-get-an-Access-Token).

**Please upgrade** in order to make your Instagram feed work again.

---

# Features

* Get the most recent media published by one user from the Instagram Basic Display API.

* Display the results on list items or any other HTML tag you define,

* Define the size of the pictures (small, medium, large).

* Use your own Instagram application AccessToken.

# Before You Start

In order to use the plugin you will need:

- A [Facebook Developer Account](https://developers.facebook.com/apps).

- A public [Instagram Account](https://www.instagram.com/?fbclid=IwAR2DQDyKisGKXB678NN4dqMYQJc9KzIrlYrfJrYFOYq2OmYn72DbG3i1PFE) with media, and its user login credentials.

## Register an app and get an Access Token

Please [follow the instructions](https://github.com/adrianengine/jquery-spectragram/wiki/Register-on-Instagram-Basic-Display-API-and-get-an-Access-Token) to get an Access Token from the Wiki.

# Plugin Simple Usage

1. Be sure to have jQuery script included and then include the **spectragram.min.js** script right before the ```