jQuery Zoom

jQuery Zoom es un plugin jQuery que nos permite tener un ampliador de imágenes en vuestras páginas Web que al pasar el ratón o hacer click y moverlo se aplica el efecto de zoom.

Su utilización es bastante sencilla. Tan solo debes añadir en el <head> de tu página la librería jQuery, el plugin y su llamada además de los estilos necesarios.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js'></script>
<script src='jquery.zoom.js'></script>
<script>
    $(document).ready(function(){
        $('#ex1').zoom();
    });
</script>

Y luego en el <body> el código HTML:

<span class='zoom' id='ex1'>
   <p>Hover</p>
   <img src='daisy.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/>
</span>

Ver más características y descarga

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre