Mostrar las fotografías de un usuario de Instagram con jQuery

jQuery Spectragram es un plugin desarrollado con jQuery para la manipulación del API de Instragram de manera rápida y sencilla.

Dentro de las operaciones que podemos realizar con este fantástico plugin merece la pena destacar: mostrar las últimas imágenes de un usuario, las más populares e inclusive los tags generados para cada una de las interacciones realizadas en Instragram.

Para funcionar Spectragram utiliza el API de Instagram. Una gran ventaja de este plugin es que la salida es formateada mediante un tag HTML que nosotros mismos podemos definir, algo que facilita considerablemente la integración, luego simplemente debemos darle formato a la etiqueta seleccionada mediante CSS.

Ejemplo: cómo integrar Instagram con jQuery

1. Agregamos jQuery y la biblioteca de Spectragram a nuestro proyecto:

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/spectragram.js"></script>

2. Configuramos el plugin con las opciones básicas:

jQuery.fn.spectragram.accessData = {
    accessToken: '[your-instagram-access-token]',
    clientID: '[your-instagram-application-clientID]'
};

3. Inicializamos el plugin indicando el tag. También le indicamos que deseamos mostrar las imagenes con tag converse:

$('ul').spectragram('getRecentTagged',{
    query: 'converse'
});

La licencia de este plugin es MIT. El mismo permite ser utilizado en proyectos comerciales, siempre y cuando dejemos la información de copyright intacta en el encabezado del archivo JavaScript.

Web: jQuery Spectragram