Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Redimensionar imágenes en Lightbox

Estas en el tema de Redimensionar imágenes en Lightbox en el foro de Frameworks JS en Foros del Web. Hola chicos/as Tengo un problemita con la galería Lightbox. Creo que he puesto correctamente el tema en AJAX, pero si no es así, pido disculpas ...
  #1 (permalink)  
Antiguo 31/01/2011, 13:09
 
Fecha de Ingreso: agosto-2008
Mensajes: 17
Antigüedad: 12 años, 2 meses
Puntos: 0
Redimensionar imágenes en Lightbox

Hola chicos/as

Tengo un problemita con la galería Lightbox. Creo que he puesto correctamente el tema en AJAX, pero si no es así, pido disculpas por adelantado. He buscado solución a mi duda, pero no encuentro. De hecho, acabo de mandarle también un mail ¡en inglés! al correo de contacto que pone [url=http://www.lokeshdhakar.com/projects/lightbox2/]aquí[/url] que es donde me bajé los archivos, y a ver si me contesta. Bueno, más bien a ver si la persona que lo reciba, se pispa de lo que le pregunto en el mail porque soy nula con el inglés...

El caso, lo que quiero es que al abrir la imagen, me la abra redimensionada a la resolución de pantalla en donde se abra. Pensaba que lo hacía automáticamente, pero veo que no. Estoy montando una web, lo que pasa que no la tengo todavía, por eso no puedo enlazarla aun.

Pero tengo estos códigos:

Este es el script que te pide que añadas en el <head>
Código:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Así es como enlazo las fotos en el <body>
Código:
<a href="fotogrande.jpg" rel="lightbox[roadtrip]" title="Título"><img src="fotopeque.jpg" width="50" height="50" border="0" /></a>
(Yo creo la miniatura que yo quiero, porque así me aseguro que sean todos los tamaños iguales independientemente del tamaño de la original)

Y luego esta es la hoja de estilo CSS que es uno de los archivos que te bajas:
Código:
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
¿Alguien podría decirme qué y dónde añadir lo que haga falta para que al pinchar, y se abra el lightbox con la foto grande, ésta se reidmensione automáticamente a la pantalla?

Gracias de antemano :)
  #2 (permalink)  
Antiguo 27/06/2011, 21:58
 
Fecha de Ingreso: enero-2009
Mensajes: 39
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Redimensionar imágenes en Lightbox

Pudiste solucionarlo? si es asi te agradeceria que lo publiques, estoy en la misma

Etiquetas: lightbox, redimensionar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:42.