PageGlimpse es un servicio que proporciona la captura de pantalla de una web.
Funciona consultando una pagina mandando como parametro la url y el tamaño.
Funciona consultando una pagina mandando como parametro la url y el tamaño.
Ejemplo
http://images.pageglimpse.com/v1/thumbnails?url=http://google.com&size=large&devkey=*****¬humb=http://web.com/noimage.gif
Parametros:
url es la web que se desea capturar.
size es el tamaño estandar del thumbnail (small, medium, large).
devkey es el código que te darán al momento de registrarte en PageGlimpse.
nothumb es un parametro opcional para mostrar una imagen en caso todavĂa no se halla generado la captura de pantalla de la web.
size es el tamaño estandar del thumbnail (small, medium, large).
devkey es el código que te darán al momento de registrarte en PageGlimpse.
nothumb es un parametro opcional para mostrar una imagen en caso todavĂa no se halla generado la captura de pantalla de la web.
Utilizandola con Javascript
Thumbnails.js es una librerĂa Javascript que utiliza la API de PageGlimpse para traer la captura de pantalla con una funcion en Javascript el cual utiliza los mismos parametros que la url.
Para utilizar esta librerĂa primero incluiremos el Javascript Thumbnails.js dentro del "head".
Luego crearemos la siguiente funcion
Luego crearemos la siguiente funcion
var getScreenShot= function(caja,size){ var container = document.getElementById('container'), thumbs = Thumbnails({ devkey:'bf3ec081beb6d6af0ff9e43e6f77771e', size:size, nothumb:'noimage.gif' }); thumbs.get(caja, function(url, img) { var link = document.createElement('a'); img.style.border = 'none'; link.href = url; link.appendChild(img); container.innerHTML = ''; container.appendChild(link); }); }
Insertamos un div con id “container” dentro del "body":
<div id="container"></div>
Y despues llamaremos a la pagina de esta manera:
<script type="text/javascript">
getScreenShot('http://google.com','small');
</script>
0 comentarios:
Publicar un comentario