Vista previa (screenshot) de URL con jQuery

screenshoot with jquery

El buscador Snap proporciona (de la cuál hablamos hace algún tiempo) una utilidad en JavaScript: Snap Shot, para visualizar una previa de los enlaces de tu blog ó web con solo pasar el puntero de tu mouse por encima de dicho enlace. Ahora podemos realizar una pequeña imitación con ayuda de jQuery y CSS de forma sencilla y rápida:

<a href="http://www.cssglobe.com" class="screenshot" rel="cssg_screenshot.jpg">
Css Globe</a>

Este otro ejemplo, permite agregar un título, mediante el atributo title, en la parte inferior de la previa como referencia:

<a href="http://www.cssglobe.com" class="screenshot" rel="cssg_screenshot.jpg" 
title="Web Standards Magazine">
Css Globe</a>

Documentación | Demo

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.