Comunidad de diseño web y desarrollo en internet online

transparencia en lightbox

Citar            
MensajeEscrito el 12 Ene 2009 06:33 am
holas soy nuevo, tengo un pequeño proyecto que usa el lightbox, la verdad debe ser muy facil para ustedes responder esto pero admito mi novatez :lol: ,alguien me puede decir como hacer para poder variar la transparencia de modo que pueda ver mas claro el contenido que queda atras cuando uno realiza una galeria .Plz

Por Elmori

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 12 Ene 2009 02:40 pm
Creas un div del tamaño de toda la pagina, la posiciones absolutamente al top y left 0, luego le pones un color de fondo y le agregas opacidad.

Todo esto es CSS puro.

Código :

<div id="overlay"></div>

#overlay {
background:#000;
left:0;
opacity:0.5;
position:absolute;
top:0;
}


La parte del JS será la que le de el alto y largo al div.

Como nota extra, deberias investigar cómo hacer funcionar la opacidad en IE6.
Un saludo.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 12 Ene 2009 09:59 pm
:lol: :lol: :lol: Sorry no hize bien mi pregunta o estoy mas perdido que antes , pero yo no quiero que mi contenedor tenga siempre opacidad;sino que queria evitar que cuando uso el lightbox la imagen emerge y lo que queda atras se ve demasiado obscuro ... quiero que se muestre mas claro , supuse que hay que variar algo de opacidad en alguna parte pero solo quiero que varie cuando cargo la imagen seleccionada , luego que cierro la imagen ,,,, que todo quede como estaba antes .... . En el archivo lightbox que estoy usando viene un archivo que se llama screen css ahi trate de poner los cambios pero no me resulta.

Por Elmori

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 12 Ene 2009 10:00 pm
:oops: Mejor colgare el ejemplo que estoy haciendo porke yo mismo no me entiendo

Por Elmori

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 12 Ene 2009 10:01 pm
Que script de lightbox usas? Hay muchisimas alternativas, y no sabria decirte.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome
Citar            
MensajeEscrito el 13 Ene 2009 01:28 am
cierto hay muchas lightbox ahi afuera, probablemente el mismo objeto tenga una opcion para la opacidad, revisa la documentación del que estes usando, aunque lo mas probable sea opacity y el valor (como el que da neo) dentro de las opciones en que llamas al javascript

Saludos

Por Prozac

SWAT Team

1546 de clabLevel

1 tutorial

Genero:Masculino   SWAT

donde se regresa el viento

firefox
Citar            
MensajeEscrito el 13 Ene 2009 06:08 am
Creo que lo que necesitas es modificar el css que trae tu lightbox por defecto, y buscar en donde se coloca la propiedad de opacity. Si no se encuentra en el css, tendrías que rastrearlo en el javascript de lightbox, buscando siempre la propiedad opacity, y luego darle el valor que deseas.

Juega un poco con el código, y puede que aprendas algunas cosas en el camino.

Por Odin

Claber

639 de clabLevel

2 tutoriales

Genero:Masculino   Premio_Secretos

El valle de las hamacas

firefox
Citar            
MensajeEscrito el 13 Ene 2009 03:20 pm
Ohh, cierto uso esta opcion http://www.lokeshdhakar.com/projects/lightbox2/ uso los archivos que tiene al descargarlo .Claro que tengo el fondo de color blanco pero a pesar de eso no consigo la claridad que deseo :lol:
...
Gracias por responder !.

Por Elmori

4 de clabLevel



 

msie7
Citar            
MensajeEscrito el 15 Ene 2009 06:39 pm
:( Dije gracias por responder , pero no absolvi mis dudas :oops: Creo que lo tienen en la punta de la lengua..... una pista mas plz .... :cool:
Tu puedes Neo :cool: confio en ti.... :cool:

Por Elmori

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 15 Ene 2009 06:42 pm
:oops: Dije gracias por responder :( pero no absolvi mis dudas .... :oops:
estoy en casi al principio





si es que tienen tiempo claro

Por Elmori

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 15 Ene 2009 06:43 pm
creo que estoy de vuelta al comienzo ..Plz ...desesperacion total

Por Elmori

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 19 Ene 2009 08:30 pm
Que tipos de cambios has intentado realizar, ¿puedes poner un ejemplo de los scripts que has modificado o en los que crees que puede estar el problema?

Por Odin

Claber

639 de clabLevel

2 tutoriales

Genero:Masculino   Premio_Secretos

El valle de las hamacas

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.