Ayuda con lightbox

[ssclamp]

Hola, Xoriguerr

fancybox, además de estos js:

Código HTML:

 <script type="text/javascript" src="fancybox/jquery-1.2.3.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.metadata.js"></script> <!-- no necesario para el efecto gráfico -->
	<script type="text/javascript" src="fancybox/jquery.pngFix.pack.js"></script> <!-- necesario para ie6 -->
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.0.0.js"></script>

y su propia hoja de estilo:

<link rel="stylesheet" type="text/css" href="fancybox/fancy.css" media="screen" />

necesita también este js en el head (este javascript es el que declara el efecto zoom al abrir y cerrar la imagen):

	<script type="text/javascript">
		$(document).ready(function() {
			
			$("p#test1 a").fancybox({
				'hideOnContentClick': true
			});
			
			$("p#test2 a").fancybox({
				'zoomSpeedIn':	0, 
				'zoomSpeedOut':	0, 
				'overlayShow':	true
			});
			
			etc, etc... (es necesario completar el js)
	</script>
	
	y la llamada al efecto zoom no se hace así: rel="fancybox"
	
	se hace de esta forma (para una imagen suelta):
	
	<div id="wrapper" align="center">
		<div id="content">
			<div id="col_left">
				<p id="test1">
					<a href="images/tu-imagen_big.jpg"><img alt="" src="images/tu-imagen_small.jpg" /></a>
				</p>
			</div>
		</div>
	</div>
	
	donde la imagen _big es la que se obtiene (grande) al hacer zoom y la imagen _small es la miniatura que lleva el enlace.

Dinos si esto te lo aclara o no.

Saludos