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.
Deja una respuesta