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>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
58 artículos que te podrían interesar
Deja una respuesta