[Problema Fancybox] Mostrar imagenes con diferentes tamaños.

[Mardelman]

Hola a todos! Realmente me siento un tonto con la pregunta que voy a realizar, pero no logro hacerlo funcionar y ya me tiene loco. Debe ser algo facil, muy facil.
Estoy trabajando esta galeria con el Fancybox: http://www.frankz.com.ar/pre/galeria.php como veran las fotos son de dif tamaño. Lo que quiero es como el lightbox, es decir que el Fancybox se auto redimensione de acuerdo a las medidas de cada una de las fotos.

Este es el código que utilizo:

Javascript:

Código:

<script type="text/javascript"> 
		$(document).ready(function() {
			$("a[rel=noticia]").fancybox({
			    'autoDimensions'	    : true,
				'autoScale'				: false,
				'zoomSpeedIn':	0, 
				'zoomSpeedOut':	0, 
				'transitionIn'			: 'elastic',
				'transitionOut'			: 'elastic',
				'centerOnScroll'		: true,
				'hideOnOverlayClick'	: true,
				'overlayShow'			: true,
				'scrolling'				: 'no',
				'overlayOpacity'		: 0.5,
				'overlayColor'			: '#A49985',
				'speedIn'				: 300,
				'speedOut'				: 300,
				'centerOnScroll'		: true,
				'type'					: 'iframe'
			});
		});
	</script>

Codigo de Link:

Código:

<a rel="noticia" href="galeria01.jpg"><img src="galeria01tn.jpg" width="112" height="112" class="fotos"></a>

No logro hacerlo funcionar!
Alguien me da una pista? Mil gracias!

[arthpix]

Elimina 'autoDimensions' : true, 'autoScale' : false, Me parece que el comportamiento por defecto es redimensionarse de acuerdo al tamaño de las imágenes. En este ejemplo no utilizan ninguno de esos parametros y el comportamiento es como el que quieres.

[Mardelman]

arthpix muchas gracias por responder. La solución estaba en la línea TYPE. Debería dedir "image".

Código:

<script type="text/javascript" src="fancybox/jquery-1.4.2.min.js"></script> 
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.2.pack.js"></script> 
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.js"></script> 
	<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" /> 
	<script type="text/javascript"> 
		$(document).ready(function() {
			$("a[rel=noticia]").fancybox({
			       'autoDimensions'	        : false,
				'zoomSpeedIn':	0, 
				'zoomSpeedOut':	0, 
				'transitionIn'			: 'elastic',
				'transitionOut'			: 'elastic',
				'centerOnScroll'		: true,
				'hideOnOverlayClick'	: true,
				'overlayShow'			: true,
				'scrolling'				: 'no',
				'overlayOpacity'		: 0.5,
				'overlayColor'			: '#A49985',
				'speedIn'				: 300,
				'speedOut'			: 300,
				'centerOnScroll'		: true,
				'type'				: 'image'
			});
		});
	</script>

Sinceramente este efecto es más vistoso que el lightbox pero tantas lineas de configuración me marean!

Saludos!

[arthpix]

Sinceramente este efecto es más vistoso que el lightbox pero tantas lineas de configuración me marean!

Si te refieres al efecto "easing", me da la impresión de que se podría combinar con un lightbox más liviano, como slimbox2... cuestion de probar en otro proyecto. (y)