Nivo zoom - Crear galerias en Lightbox con jQuery | Blogger Recursos

Nivo zoom - Crear galerias en Lightbox con jQuery

5/20/2010 11:43:00 p.m. | Publicadas por nenesio | Editar entrada

Nivo zoom es un plugin creador de álbum de uso muy sencillo, desarrollado en jQuery y la misma tecnología de Nivo Slider del mismo desarrollador.

Nivo zoom viene con 5 tipos diferentes de zoom y puede mostrar captions abajo de las fotos, así como también es configurable la fuente (letras).

La instalación es sencilla, primero debemos añadir los siguientes enlaces antes de la etiqueta :


<link rel="stylesheet" href="DOMINIO.COM/DIRECCION DEL ARCHIVO/nivo-zoom.css" type="text/css" media="screen" />
<script src="http: //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="DOMINIO.COM/DIRECCION DEL ARCHIVO/jquery.nivo.zoom.pack.js" type="text/javascript"></script>

Abajo de los enlaces añadimos el script DOM, que posee la configuracion:

<br /><script type="text/javascript"><br />$(window).load(function() {<br />	$('body').nivoZoom({<br />		speed:500,<br />		zoomHoverOpacity:0.8,<br />		overlay:false,<br />		overlayColor:'#333',<br />		overlayOpacity:0.5,<br />		captionOpacity:0.8<br />	});<br />});<br /></script><br />

Ahora ya podemos usar el plugin para crear galerías, solo debemos usar la clase class="nivoZoom", ejemplo :

<br /><a href="DOMINIO.COM/DIRECCION DEL ARCHIVO/images/pic_large.jpg" class="nivoZoom"><br />	<img src="DOMINIO.COM/DIRECCION DEL ARCHIVO/images/pic.jpg" alt=""      /><br /></a><br />

Demo Nivo zoom

Descargar Nivo zoom