Mostrar imagen centrada i bloquear la página

[xinxan22]

Buenos días, hay algunas webs que para mostrar una imagen por ejemplo, muestran la imagen centrada en la pantalla y por debajo semitransparente se muestra la página web (bloqueada).
Estaba pensando en una manera de hacerlo, con capas por ejemplo:
<div style="width: 100%; height: 100%; background-color: #FFFFFF;>imagen</div>
pero haciendolo así no me "bloquea" la página.
Como podría hacerlo ?
Gracias.

[jasnet]

Buscabas algo como esto??

http://www.dynamicdrive.com/dynamicindex17/interstitial.htm

Yo tambien buscaba lo mismo, lo malo que ese ejemplo sale cuando cargas la pagina. Pero yo quisiera que salga cuando ocurre un evento de un control, como por ejemplo si le doy clic a un boton salga eso.

Pero espero que te sirva, si lo mejoras me lo pasas

[xinxan22]

Si busco algo como eso....como se hace? supongo que onload debe cargar una funció para mostrarlo, pues cuando hagas onclick llama a esa función. Mi pregunta es como se hace entonces lo que hay de ejmplo en esta web :

http://www.dynamicdrive.com/dynamici...terstitial.htm

[xinxan22]

Para "copiarlo" de alguna manera he echo lo siguiente:

Tener una capa oculta de width 100% y height 100% con un fondo negro gris transparente. Mostrar una capa blanca centrada en la página con el contenido de la imagen, texto o lo que se quiera mostrar. El típico botón de cerrar que ocultará la primera capa ( y también la segunda ya que está dentro de la otra).

Queda algo parecido pero hay un problema, cuando utilizo los estilos para transparencia me hace transparente toda la capa, incluso el contenido de la segunda capa (que está dentro de la primera).

Podeis darme una solución para hacero bién como se hace, y si podeis otra solución para la transparencia de la segunda capa?