Integre una secuencia de Instagram en su página web-Minigram. js
| Autor: | pinceladasdaweb |
|---|---|
| Views Total: | 1,718 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 22, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Minigram. js es una biblioteca JavaScript minimalista que obtiene y muestra una lista de sus últimas imágenes de Instagram en la Página Web. Usted es libre de estilo de la lista utilizando su propio CSS.
Funcionamiento
Coloque el archivo JavaScript Minigram. js al final del documento.
<script src="dist/minigram.js"></script>
Crea un contenedor para colocar tus últimas fotos de Instagram.
<div class="demo"> </div>
Cree una nueva instancia de Minigram e inserte su propio token de acceso de API en el código JavaScript:
new Minigram('.demo', {
token: 'YOUR API KEY HERE'
}); Establezca el número máximo de fotos que desea mostrar.
new Minigram('.demo', {
token: 'YOUR API KEY HERE',
counter: 12
}); Ajuste la calidad de la foto.
new Minigram('.demo', {
token: 'YOUR API KEY HERE',
counter: 12,
resolution: 'low'
}); Personalice la plantilla.
new Minigram('.demo', {
token: 'YOUR API KEY HERE',
counter: 12,
resolution: 'low',
html: '<div class="col-lg-3"><a class="instagram-placeholder" href="{url}" target="_blank"><img src="{image}" alt="{caption}" class="img-thumbnail img-responsive"></a></div>'
});
