Shadowbox

Es un script para tu sitio web el que hace aparecer una ventana estilo pop up, pero que no es molesta y se puede cerrar facilmente, ademas de tener otras funciones… como visualizar videos en formatos swf, Windows Media Video, quickTime, etc. Ademas puedes visualizar paginas… todo esto y mas sin que los visitantes salgan de tu sitio web… la mejor manera de mantenerlos dentro de el sitio.

Bueno primero que nada debes descargartelo desde aqui:
http://www.shadowbox-js.com/download.html

Aparece un formulario donde dice choose adapter dejalo como esta
Selecciona todos los check box’s
Y como lenguaje elige Spanish o el idioma que hables.
Selecciona ese check box tambien
Y luego presiona la imagen con el archivo ZIP

Bien luego de tener todo… subelo a tu servidor preferido.

Ahora como usarlo:
Coloca esto antes de el (PWG users en texto por encima de la pagina)
<link rel="stylesheet" type="text/css" href="URL DE TU SERVIDOR Y CARPETA DODNE LO GUARDASTES/shadowbox.css"> <script type="text/javascript" src="URL DE TU SERVIDOR Y CARPETA DODNE LO GUARDASTES/shadowbox.js"></script><br /> <script type="text/javascript"> Shadowbox.init(); </script>

Luego de tener eso… para usarlo debes utilizar el siguiente codigo:
<a href="ACA DEBES PONER UNA IMAGEN" rel="shadowbox">Visitar google sin salir de mi pagina</a>

Eso es para mostrar una imagen…

Para mostrar un sitio web:
<a href="http://google.com" onclick="javascript:_gaq.push(['_trackPageview','/yoast-ga/outbound-article/google.com']);" rel="shadowbox">Mi imagen</a>

Para un Flash:
<a href="mymovie.swf" rel="shadowbox;height=140;width=120">My Movie</a>

Y bueno… si te llevas bien con el ingles entra a este sitio la web de el autor y podras obtener mas funciones y mejor documentacion
Sitio de el Autor
Demo (en la parte de Examples)

About the author

Eduardo Gimeno Ha escrito 25 Articulos en este blog.

Hola, yo soy el creador de el blog, me considero una persona muy critica... y por el momento no se que mas decir :D

• Blog

Entradas relacionadas

• [jQuery] Feature List (0)
• Lista de Recursos web (2)
• Proliferación de uploads de imágenes y archivos (3)
• Poner codigos con SyntaxHighLighter (4)
• Menu Circular (0)