elevateZoom para mostrar el zoom de imágenes,es un complemento de zoom de imagen gratuito con opciones para el zoom de ventana, zoom interno, zoom del objetivo.
Este plugin ser distribuye bajo licencia GPL y MIT, es muy sencillo de implementar, la documentación nos permite crear diferentes formas de mostrar el zoom, en la siguiente dirección puedes ver los ejemplos: http://www.elevateweb.co.uk/image-zoom/examples
1.-Para implementar el plugin es necesario incluir primero jQuery y luego el plugin como se hace en el siguiente código:
<script type="text/javascript" src="jquery.js"></script> <script src="jquery.elevatezoom.js" type="text/javascript"></script>
2.- incluir un atributo data-zoom-image en tus etiquetas html de img, que tengan la imagen original (la cual sera imagen de zoom):
<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>
3.- colocar el script del plugin que convierte la imagen en una imagen con zoom.
$("#img_01").elevateZoom();
The post elevateZoom para mostrar el zoom de imágenes appeared first on Develoteca.