Plugin: FancyBOX

Y sigo con los plugin para bloquear páginas, este es un poco mas elaborado que blockUI, pero un poco mas limitado tb, necesita un DOCTYPE con XHTM strinct y otras cosillas, pero si es una página nueva, hay q puro usarlo, jeje.

Necesita su propio .css e imagenes. Pero es bastante bonito, uuuuuuy, jeje. Y se pueden hacer galerias y mostrar iframes.

Primero hay q importar todo, el .js, .css y echarle una revisada a ,los link de las imágenes dentro del .css

Como se usa:

//Primero haces un link donde das la ruta que se va a mostrar en el atributo href

<a href="#data" id="link">

 muestra el contenido del elemento con id="data"</a>; 

//y despues dentro del $(document).ready

$("a#link").fancybox();

Fácil y bonito, tb tiene muchas opciones

Bajar plugin

Fuente (Fancybox)

Plugin: BlockUI

Si alguna vez necesitaron bloquear la pantalla sin incluir un plugin muy invasivo (con .css propio y sin cambiar tu DOCTYPE) y que ademas te deja mostrar un elemento HTML en su interior, cool.


Estos lo puedes obtener con BlockUI. Como se usa:

//Con esto bloqueas toda la pantalla

$.blockUI();

//desbloquear

$.unblockUI();

En fin, hay muchas mas opciones en su sitio.Como mostrar un div al bloquear la pantalla.

Bajar Plugin

Fuente(BlockUI)