SummArg | Cursos y recursos para webmasters

11/07/2011

Efecto de lupa con ImageLens

ImageLens es un plugin para jQuery que nos permite añadir un efecto de lupa sobre nuestras imágenes. El script nos permite configurar el tamaño y los bordes de nuestra lupa, pero aún mas interesante es que nos permite colocar una imagen que al ser investigada por la “lupa” revele otra imagen.
Para utilizarlo primero insertamos las llamadas a los archivos del plugin entre etiquetas
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.imageLens.js" type="text/javascript"></script>

A nuestra imagen le colocamos un ID que utilizaremos para activar el script.
$("#img_01").imageLens();

Y listo! Para mas opciones mirar la web del autor en donde se muestra con claros ejemplos como configurar cada uno.
Demo | Descarga

Dejar un comentario