Oscurecer y desactivar página

[manuito]

He visto por ahi en algunos sitios ke pulsando una imagen, ésta se abre en grande en una capa a modo de ventana cargando la imagen con ajax, el fondo se pone oscuro y se desactiva toda la página para darle mayor resalte a la foto que estamos viendo.

Como se consigue el efecto de desactivar el fondo y cambiarle el color? me gusta mucho.

[avanzaweb]

eso se hace con una librería. Lightbox.js creo que se llama.

[Mikmoro]

Efectivamente. En realidad yo lo tengo hecho con javascript. No quiero decir que no se pueda hacer con ajax, pero creo que no es necesario.

Supongo que te refieres a esta forma que tengo hechas unas galerías de fotos:

http://www.artsaia.com/salaconcierto...a/galeria.html

El script se llama efectivamente Lightbox.js, y yo lo encontré aquí:

http://www.dynamicdrive.com/dynamici...tbox/index.htm

Para mi, precioso.

Mikel.

[manuito]

Efectivamente Mikmoro, eso es exactamente lo que queria, espero que no sea dificil de implementar, voy a exarle un vistazo.

Mil gracias a los dos.
salu2.

[manuito]

Buenas de nuevo.

Va todo bien menos una cosita. La capa negra oscurece toda la página menos los "select" que quedan por encima, se kedan activos!

Puto explorer..... ¿Alguna solución?

[tuky]

Iniciado por Mikmoro

Efectivamente. En realidad yo lo tengo hecho con javascript. No quiero decir que no se pueda hacer con ajax, pero creo que no es necesario.

Supongo que te refieres a esta forma que tengo hechas unas galerías de fotos:

http://www.artsaia.com/salaconcierto...onciertos5.asp
(el archivo es asp sólo porque el hosting es IIS windows y para meter unos includes no puedo hacerlo en PHP).

El script se llama efectivamente Lightbox.js, y yo lo encontré aquí:

http://www.dynamicdrive.com/dynamici...tbox/index.htm

Para mi, precioso.

Mikel.

muy buen script... probando


EDIT:

Ya lo probé, está muy bueno.... aca les dejo un ejemplo implementado... también tiene algo de GD para crear thumbnails y redimensionar la imagen...

http://www.tuky.cl/testing/tb/imagengallery.php

[MaBoRaK]

loadig...........


vaaaa no se compliquen es muy sencillo
para la capa negra:

creas un div y con css le pones fixed al alto y ancho (alto y ancho del tamaño de la pagina claro está...) en una posicion (z-index) superior a las demas, mas una opacidad de 40%. TODO ESO PUEDES HACERLO CON CSS.
ahora bien para el select, dentro del div creas un iframe 100% x 100% y listo tienes tu lightbox, para la caja de texto creas otro div absoluto en una posixion x,y con un z-index de por lo menos 2 puntos superior a la capa negra y ahi pones la foto... y listo!




connection closed.

[Mikmoro]

Tuky, ¿qué es GD?

Mikel.

[resu]

Iniciado por Mikmoro

Tuky, ¿qué es GD?

Mikel.

GD es la manipulacion de imagenes dinamicas a travez de PHP.

[Mikmoro]

Ok. gracias.

Mikel.

[Mikmoro]

Hola otra vez, Manuito.
Creo que lo que tú estabas buscando era esto:

http://jquery.com/demo/thickbox/

Hay una línea que dice: "ThickBox will hide form elements in Windows IE 6.", así que este podría ocultar los elementos de formulario en IE6.

Mikel.

[manuito]

Iniciado por MaBoRaK

loadig...........


vaaaa no se compliquen es muy sencillo
para la capa negra:

creas un div y con css le pones fixed al alto y ancho (alto y ancho del tamaño de la pagina claro está...) en una posicion (z-index) superior a las demas, mas una opacidad de 40%. TODO ESO PUEDES HACERLO CON CSS.
ahora bien para el select, dentro del div creas un iframe 100% x 100% y listo tienes tu lightbox, para la caja de texto creas otro div absoluto en una posixion x,y con un z-index de por lo menos 2 puntos superior a la capa negra y ahi pones la foto... y listo!




connection closed.

Vamos que para ocultar un Select hay que meterlo en un iframe. Pues entonces pierdo toda la potencia del ajax de hacer todo en la misma página.

Lo que hice es meter el select en un div dandole un z-index menor que el de la capa negra pero tampoco hay forma, por lo que se ve el select en IE es el master. Puto explorerr

[zaqpz]

La idea del iframe es utilizarlo solamente para "hacer invisible" el select u otro elemento similar tapándolo al quedar por encima. Aquí http://support.microsoft.com/kb/177378/en-us está la explicación de por qué sucede esto con IE y aquí http://weblogs.asp.net/bleroy/archiv...09/422047.aspx otra explicación más junto a un ejemplo de como solucinarlo.

Saludos.

[manuito]

Hay una forma, que es ocultando al select mientras otra capa este por encima, esto es lo que hacen los calendarios javascript al moverlos por encima de los select.

Alguien sabe implementar esto?

[MaBoRaK]

loading..........


Ocultar los select y object es la PEOR FORMA.
al decir iframe .. comot e explicaron me refiero a poner un iframe dentro del div que HACE DE SOMBRA, en el iframe no cargas nada, y si al div le haces opacity el iframe tambien se opaca.

pon le caso de que tienes tu capa de 100x100 y ocultar todos los select por esa cajita? y si opnes la cajita a la altura de la mitad de uno de ellos.. se escondera todo? como dije.. esa es la peor forma.



connection closed.