Jquery

[nomakon]

Hola chicos, se me presenta el siguiente problema, tengo una galeria de imagenes

Los usuarios pueden subir imagenes de hasta 2 MB de tamaño

Las dimensiones de las fotografias superan el tamaño de la pantalla...

Como puedo hacer para que cuando hagan click en la imagen se abran en mi lightbox con un tamaño inferior al que tienen sin que supere el tamaño de la ventana del navegador???

He probado con varios plugins de jquery pero ninguno me funciona, me recomendais alguno?

[emprear]

Lightbox y sus clones trabajan en forma similar pero no exactamente igual, dependiendo de lo que estes usando, hay que tocar el css ó js para realizar el ajuste. habría que ver tu ejemplo funcionando
Incluso puede existir algún parámetro para forzar el tamaño de las imágenes idependientemente de su tamaño original.
Saludos

[nomakon]

EL JS es este:

Código:

/**
 * jQuery lightBox plugin
  * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

El CSS es este:

Código:

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	max-width:100%; 
	max-height:100%;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

[nomakon]

Nadie sabe como limitar?