ElevateZoom nos ayuda a realizar un efecto de Zoom a nuestras imágenes de una forma sencilla y no intrusiva en nuestro código , es tan fácil como enlazar el script, aplicar el efecto a una imagen que contendrá la vista en miniatura y la imagen grande que usaremos para realizar el zoom con la ayuda del nuevo atributo «data» de HTML5.
Ejemplo :
<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>
Y con Jquery :
$("#zoom_01").elevateZoom();
Como vemos es muy fácil de implementar.
