Lightbox onload super facil!

[Tecktonikrazy]

Hola! resulta que me encontraba por ahi buscando como hacer una lightbox que apareciera al cargar la pagina con un mensaje de alerta, pero por mas que intente no lo consegui. Fue tanta mi desesperacion que depronto me surgio una gran idea! Ahora mismo les mostrare:

Aqui esta el ejemplo, veanlo para que sepan que tipo de Lightbox sera y como funciona: http://queengaga.webcindario.com/lightbox.html

Eso se ve muy bien pero complicado de hacer, una lightbox que aparesca onload y desaparesca al dar clik en cualquier lado, pues es algo muy facil:

Este Lightbox es solo una imagen (incluyendo el fondo obscuro transparente) que ocupa toda la pantalla y desaparece al dar clik en ella con este codigo

Código HTML:

<img src="lightbox.png" style="position: 

fixed; left: 0px; top: 0px;"onclick = "this.style.visibility='hidden'"/> 

Para que ustedes la coloquen con el mensage o imagen que quieran solo la tienen que editar; aqui les dejo la url de la imagen para que la guarden, la editen y le agreguen texto:

http://www.sumopaint.com/files/image...zpxkmdbgkk.png

Y si quieren cambiar el tamaño y forma es solo cuestion de hacer una nueva imagen, lo recomendable es en photoshop pero lo pueden hacer en linea en una aplicacion muy parecida a photoshop llamada sumopaint sin bajar programas ni nada en http://sumopaint.com (Para editarla ahi vean el menu y dan clik en File > Open from URL > e introducen la url de la imagen que les deje arriba)
Espero aver ayudado por que a mi me sirvio muchisimo bye!

[lis06]

Excelente aporte, gracias por compartirlo, lo use y funciona super