Biblioteca JavaScript para buscar y mostrar feeds de Instagram en la página web-instafetch. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: thomasvaeth
Views Total: 2,055
Sitio oficial: Ir a la web
Actualizado: September 13, 2018
Licencia: MIT

Vista prévia

Biblioteca JavaScript para buscar y mostrar feeds de Instagram en la página web-instafetch. js

Descripción

instafetch. js es una librería JavaScript fácil de implementar y libre de dependencia que tiene la capacidad de capturar y mostrar las últimas imágenes de Instagram con subtítulos usando la API de Instagram. Incluye el polyfill de ES6-Promise para la compatibilidad con Internet Explorer.

Funcionamiento

Coloque la versión minimizada del instafetch. js en la parte inferior de la Página Web.

<script src="instafetch.min.js"></script>

Cree un contenedor vacío con un ID único ' instafetch '.

<div id="instafetch"></div>

Inicialice el instafetch. js e inserte su propio token de acceso como este:

document.addEventListener('DOMContentLoaded', function() {

instafetch.init({


accessToken: 'ACCESS TOKEN'

});
});

Especifica el número máximo de fotos de Instagram que se mostrarán.

document.addEventListener('DOMContentLoaded', function() {

instafetch.init({


accessToken: 'ACCESS TOKEN',


numOfPics: 10

});
});

Decida si desea mostrar las leyendas de la imagen.

document.addEventListener('DOMContentLoaded', function() {

instafetch.init({


accessToken: 'ACCESS TOKEN',


caption: true

});
});

Especifique el ID de CSS del contenedor de destino.

document.addEventListener('DOMContentLoaded', function() {

instafetch.init({


accessToken: 'ACCESS TOKEN',


target: 'instafetch'

});
});

Registro de cambios

09/13/2018

  • Arreglado bug para imágenes sin subtítulos.

Te puede interesar: