Spectragram.js è un plugin per jQuery che, utilizzando l’API di Instagram, consente di visualizzare sulle proprie pagine web le immagini più recenti pubblicate da determinato un utente, quelle più popolari oppure quelle più recenti di Instagram.
È inoltre possibile inoltre definire le dimensioni delle immagini da visualizzare (piccole, medie, grandi).
Esempio di utilizzo di Spectragram.js
Codice da aggiungere all'interno del tag
<HEAD>
1 2 |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </ script> <script type="text/javascript" src="js/spectragram.js"> </ script> |
Impostare il vostro Instagram accessToken e clientID:
1 2 3 4 |
jQuery.fn.spectragram.accessData = { accessToken: '[your-instagram-access-token]', clientID: '[your-instagram-application-clientID]' }; |
Inizializzazione della funzione sul contenitore selezionato (ul) e utilizzo dei Metodi disponibili.
getUserFeed – Visualizza media in base al nome utente
1 2 3 |
$('ul').spectragram('getUserFeed',{ query: 'adrianengine' }); |
getPopular – Visualizza media più popolari
1 |
$('ul').spectragram('getPopular'); |
getRecentTagged – Visualizza media più recenti
1 2 3 |
$('ul').spectragram('getRecentTagged',{ query: 'converse' }); |
Demo Download Info | Sito Web | Autore