aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Thumbnail.js es una librería que se aprovecha de la interactividad de PageGlimpse.com para mostrar miniaturas de páginas web mediante Javascript. Realmente es muy sencillo de usar y con una pocas líneas de código podrás mostrar una serie de miniaturas de páginas web mediante Javascript. El código de tan solo 1.2kb (versión minificada) podemos verlo directamente aqui.

// Callback
function append( url, img ) {
    var link = document.createElement('a');
    link.href = url;
    link.appendChild(img);
    container.appendChild(link);
}

var container = document.getElementById('container'),
    thumbs = Thumbnails({ devkey:'XXXX' });
// Una petición
thumbs.get('http://google.com', append); 

// Multiples peticiones.
thumbs.get([
    'https://www.anieto2k.com/',
    'http://www.imeneame.net/'
], append);

Como podemos ver, no tiene ninguna complicación. Declaramos una función, en este caso append() que será la que se encargue de recibir los datos de la miniatura y procesarla para pintarla en la página, esta función será llamada a modo de callback en las peticiones. Necesitaremos una clave para desarrolladores que podemos conseguir dándonos de alta en PageGlimpse.com, es gratuito(sino pasas de los 300GB/mes), y nos proporcionarán una clave de desarrollador que deberá ir en lugar de las XXXX. Además podemos indicar el tamaño de la miniatura, mediante el parámetro size, indicar que la miniatura debe ser del root del dominio e incluso hacer que en caso de no existir la miniatura no muestre nada mediante el parámetro nothumb.

El método get() nos permite solicitar una o varias url’s dependiendo del tipo del primer parámetro que le pasamos, siendo el segundo siempre, la función callback que procesará la respuesta. Podeis ver un ejemplo de como funciona la librería.