Ampliar imagen con FancyZoom
FancyZoom es un código JavaScript que nos va a permitir de forma sencilla aumentar las imágenes de nuestra web al hacer click sobre ellas, sin necesidad de cargar páginas web separadas, ni modificar html.
En este artículo vamos a ver como ampliar una imagen utilizando el script FancyZoom.
Para disfrutar de este ampliador de imágenes lo único que tendremos que hacer es incluir en nuestro <head> los scripts necesarios:
<script src="js-global/FancyZoom.js" type="text/javascript"></script> <script src="js-global/FancyZoomHTML.js" type="text/javascript"></script>
Y en nuestro <body> tendremos que poner algo así:
<body onLoad="setupZoom()"> ... <a href="mwsf-2.jpg"><img src="mwsf-2-thumb.jpg" /></a> ... </body>
El efecto zoom logrado incluye un ligero sombreado en la imagen mostrada a tamaño completo.
FancyZoom 1.1 es compatible con Safari, Internet Explorer (versiones 6 y 7), Firefox y Opera.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
5 respuestas a “Ampliar imagen con FancyZoom”
Deja una respuesta
65 artículos que te podrían interesar
Lo he querido probar, pero no encuentro los ficheros javascript por ningun lado para hacer uso de ellos
Hola,
Esta entrada es bastante antiguo y el desarrollador que hizo este plugin ya no lo tiene disponible pero si puedes acudir al ejemplo en funcionamiento para descargar desde el código fuente los ficheros js.
Saludos
Excelente, justo lo que buscaba, gracias por la ayuda
No me funcionó. No se explica claramente la diferencia entre mwsf-2.jpg y mwsf-2-thumb.jpg, y por otra parte me temo que no es compatible con Chrome. Ahora en el 2022 puede que lo sea.
Me gustaría saber si puedes esclarecer esas dos indicaciones.
gabrielaraya2011@gmail.com
Gracias, me sirvió de gran ayuda..