Link abre imagen en nueva capa (sin pop up)

JBRS · #1 (**permalink**) 04/12/2011, 05:33

Buenas,

Hace tiempo programaba las imágenes para que fueran ampliables con un click vía pop-up. Me gustaría hacer lo mismo con una capa que oscureciera el resto de la pantalla (tipo facebook). ¿Es javascript puro, hay que hacer algo más, alguna orientación...?

Gracias de antemano.

caricatos · #2 (**permalink**) 04/12/2011, 06:22

Hola:

Lo que más se usa para lo que quieres son los lightbox o similares, y muchas librerías tienen esas ventanas implementadas, pero si quieres javascript, fíjate en este artículo: Pseudo-lightbox... el oscurecimiento es conseguido con opacidad, y lo demás es aclarar también con opacidad el elemento enlazado (o mejor dicho asociado).

Saludos

JBRS · #3 (**permalink**) 04/12/2011, 06:46

Hola Caricatos, gracias por la respuesta.

Yo pensaba más en algo como tener una capa diseñada con estilos (ese oscurecimiento, posición...) y que al darle el href la "publicara". Lo único es que para no tener que precargarlas, lo ideal sería que una capa css cargara el contenido al hacerle click.

JBRS · #4 (**permalink**) 04/12/2011, 07:04

Viendo esto al detalle, ¿me serviría sólo para imágenes, no? No si quiero poner una capa con publicidad o un formulario de registro, por ejemplo...