Delicious LinkedIn Facebook Twitter RSS Feed

Jqzoom-efecto de zomm en imagen con Jquerry


Pasar cursor por imagen de abajo:




Created by Renzi Marco
Descargar script y ver otros ejemplos:

Pegar arriba de </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js' type='text/javascript'></script>
<script src="http://www.mind-projects.it/projects/jqzoom/js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

<link rel="stylesheet" href="http://www.mind-projects.it/projects/jqzoom/css/jqzoom.css" type="text/css">

<script type="text/javascript">
$(function() {
$(".jqzoom").jqzoom();
});
</script>

El código para ver una imagen grande en otra ventana es:
<a href="LINK-de-imagen-grande" title="titulo-de-la-imagen"><img src="LINK-de-imagen-chica"/></a>

Par que la imagen tenga el efecto de zoom se le agrega class="jqzoom":
<a href="LINK-de-imagen-grande" class="jqzoom" title="titulo-de-la-imagen"><img src="LINK-de-imagen-chica"/></a>

0 comments:

Post a Comment