mlens es un ligero plugin para jQuery que transforma el puntero del mouse en una lente de aumento o lupa al pasarlo sobre una imagen, permitiendo hacer zoom sobre la imagen, dejando ver sus detalles sin necesidad de cargar una versión más grande.

El plugin dispone de pocos parámetros de configuración, como la forma de la lente (círculo o cuadrado), el tamaño de esta y las opciones para personalizar sus bordes.

Utilización

Primero incluímos los archivos JS necesarios:

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mlens-1.0.min.js"></script>

Luego ejecutamos el script con algunos parámetros:

<script type="text/javascript">
    $(document).ready(function () {
        $("#green_monster").mlens({
            imgSrc: $("#green_monster").attr("data-big"), // Ruta de la imagen en alta resolución
            lensShape: "circle", // forma de la lente (circle or square)
            lensSize: 180, // tamaño de la lente (en pixels)
            borderSize: 4, // tamaño del borde (en pixels)
            borderColor: "#fff", // color del borde (#hexadecimal)
            borderRadius: 0 // esquinas redondeadas (opcional, sólo si la lente es cuadrada)
        });
    });
</script>

Insertamos la imagen, teniendo en cuenta que de acuerdo al ejemplo, deberá tener una ID "green_monster" y un parámetro llamado "data-big" que tendrá la ruta de la imagen en alta resolución:

<img id="green_monster" src="images/GreenMonster_640px.jpg" alt="" data-big="images/GreenMonster_1280px.jpg" />

Enlace: http://mlens.musings.it/