Foros del Web » Programando para Internet » Javascript »

modificar lisghtbox 2

Estas en el tema de modificar lisghtbox 2 en el foro de Javascript en Foros del Web. Buenas, tengo varias fotos de diferentes tamaños y la quiero ver con lightbox 2 pero lightbox 2 me muestra la foto dependiendo del tamaño de ...
  #1 (permalink)  
Antiguo 16/01/2009, 19:17
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 16 años
Puntos: 3
modificar lisghtbox 2

Buenas, tengo varias fotos de diferentes tamaños y la quiero ver con lightbox 2 pero lightbox 2 me muestra la foto dependiendo del tamaño de la foto. Como hago para que lightbox 2 me muestre las fotos de un solo size, ejemplo, 400px 300px. He modificado el lightbox 2 pero la imagen que dice "Close" se pone en grande. Please donde modifico o debo hacer para ver las fotos o images del mismo tamaño con lightbox 2.
Gracias por su ayuda.
  #2 (permalink)  
Antiguo 16/01/2009, 19:23
 
Fecha de Ingreso: enero-2009
Mensajes: 165
Antigüedad: 15 años, 4 meses
Puntos: 1
Respuesta: modificar lisghtbox 2

miraste dentro del css?
  #3 (permalink)  
Antiguo 16/01/2009, 19:57
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 16 años
Puntos: 3
modificar lisghtbox 2

Gracias por responder, pero soy muy novato con javascript, alli dice, dentro del css, que el size de la imagen es auto, le coloco ancho 400px y alto 300px pero pero cuando muestra la foto, la imagen que dice cerrar se distorsiona, me podrias explicar que debo hacer alli, dentro del css. Esto me tiene loco
Gracias
  #4 (permalink)  
Antiguo 17/01/2009, 07:04
 
Fecha de Ingreso: enero-2009
Mensajes: 165
Antigüedad: 15 años, 4 meses
Puntos: 1
Respuesta: modificar lisghtbox 2

en lo personal yo no tocaría nada ya que lightbox viene preparado para que recoja el tamaño original de la imagen y si sobrepasa siempre lo encaja en pantalla... está muy logrado y si tienes fotos de distinto tamaño es lo ideal...
Si modificas el widht para que muestre siempre el mismo ancho con las fotos que tengan proporciones 4:3 (horzontal) te irá bien pero cuando pongas una imagen en vertical el alto sobrepasará la pantalla.
En todo caso te aconsejo, corregir el tamaño de las fotos para que sean medianamente uniformes.
Si insistieras en modificar el código, mira dentro del archivo lightbox.css y modifica los class para img
mucha suerte!
  #5 (permalink)  
Antiguo 17/01/2009, 08:00
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 16 años
Puntos: 3
modificar lisghtbox 2

gracias por tu consejo, pero ya se que tamaños tienen la fotos y en este caso eso no va ocurrir.
  #6 (permalink)  
Antiguo 18/01/2009, 13:14
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 16 años
Puntos: 3
modificar lisghtbox 2

Por fin lo logre aqui tienen como lo hice, en lightbox.css modificamos la sentencia esta

Antes era
#lightbox a img{ border: none; }

despues es

#lightbox a img{ border: none; width: 39px; height: 25px;}

esto maneja el tamaño de la imagen Close y el de cargar (loading)

Ademas

en ellightbox.js modifca esto colocando.
antes era
resizeImageContainer: function(imgWidth, imgHeight) {

despues es

resizeImageContainer: function(imgWidth, imgHeight) {

imgWidth=451;
imgHeight=361;

it is done y si quieres cambiar el background, busca esto #overlay en lightbox.css
y cambiale el color donde dice :
background-color:
No siempre el tamaño de las fotos varian, eso depende quien paga la pagina web,
si la quiere standar o variable.
Gracias
  #7 (permalink)  
Antiguo 22/02/2010, 15:25
 
Fecha de Ingreso: diciembre-2009
Mensajes: 3
Antigüedad: 14 años, 5 meses
Puntos: 0
Sonrisa Respuesta: modificar lisghtbox 2

Haber si entendi bien o sino pasame el codigo como te quedo a vos porque no entendi xD. se te agradece mucho :D
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 04:20.