Este articulo presentare la manera de Levantar el contenedor Shadowbox al cargar la pagina, puede tener variados usos, como publicidad, mensaje al usuario, formulario, etc. pasen por aca 
Hace ya un par de años, cuando conocí Shadowbox tuve esta inquietud, y la verdad no tenia los conocimientos que ahora tengo y por otro lado shadowbox no estaba tan documentado como ahora. Y aunque exista mucha documentación sobre este script, no lo hay para este particular caso “El como abrir un contendor shadowbox al cargar la página” y lograr poder utilizar shadowbox como popup publicitario o con otros fines.
Bueno acá les dejo la solución:
Dentro del Head
<script src="js/shadowbox.js" type="text/javascript">
</script> <script type="text/javascript">// <![CDATA[
Shadowbox.init({
language: "es",
players: ['html']
});
function AlertMessage()
{
Shadowbox.open({
player: 'iframe',
content: 'ejemplo.html',
height: 500,
width: 800
});
}
// ]]></script>
Tag Body
Explicacion
Lo primero que hacemos es cargar los archivos externos para el funcionamiento del ejemplo, estos son el js y css de shadowbox. Luego definimos los parametros basicos en shadowbox.init, pero ya lo vimos en un articulo anterior. Luego definimos la funcion Shadowbox.open donde definimos el tipo de contenido que se cargara, ya sea html, iframe, swf, img, etc, en este caso utilizamos iframe para cargar una pagina externa llamada ejemplo.html, luego definimos el alto y ancho. Por ultimo llamamos la funcion Shadowbox.open desde el body con el evento onload.
Eso es todo, les dejo dos links, uno para ver el demo y otro para descargar el ejemplo.
Saludos, Chichote
Artículos Relacionados:
- Refrescar página al cerrar Shadowbox ¿Como refrescar pagina al cerrar shadowbox?. Un tips muy util...
- Pasar variable desde Shadowbox a ventana padre o contenedora. Esta es una opcion muy util para crear selectores, por...
- Tres opciones indispensables para shadowbox-js En esta oportunidad voy a mostrar tres opciones que me...
- Shadowbox, para mi es el definitivo Andres Nieto publico hace ya tiempo en su web "Shadowbox,...
- Debug javascript con la consola de Firebug Aburrido de debuggear con alert()?, pero eso ya puedes dejarlo...
Related posts brought to you by Yet Another Related Posts Plugin.
10 Comentarios
y si quisiese cargar un video al principio cual serian las modificaciones…lo he intentado pero no ha salido…
exelente articulo
Hola ele.
revisa este post, te ayudara, solo deberas incluir el video en la pagina html que se menciona, saludos.
Buenas Noches, muy útil tu post, pero tengo una duda… si quiero que solo salga la primera vez que un usuario visita el sitio??
Tendrias q aplicar una session, si conoces un poco de php es muy simple, pero de todos modos voy a darle una vuelta al asunto y lo posteare en los proximos dias.
saludos.
Hola gracias a tu ayuda ya tengo configurado mi shadowbox para que abra al entrar a una página, por el momento solo lo tengo presentando una banner, pero necesito ponerle un link a ese banner, de tal forma que al darle click a la imagen, me redireccione a una pagina diferente, algo así como .
Espero me púedas ayudar
Si es un banner en jpg, gif, png u otro formato de imagen, basta con que rodees esa imagen con el tag “a”, quedaria algo como
.
En caso de que sea un banner en flash, debes darle ese enlace al mismo flash con action script.
saludos.
Amigo al abrir el Shadowbox en mi pagina se paran los archivos .swf que tengo en mi plantilla, me podrias guiar para saber ke hacer…gracias!
Hola Jvalle, puedes indicar la url de tu pagina?
en todo caso prueba dejando tu swf como transparente.
saludos.
Lo estoy probando para un proyecto de la uni, los swf los tengo en modo transparent…y nada…Salu2 y gracias por contestar =).
gran aporte! gracias!