Comunidad de diseño web y desarrollo en internet online

Iniciar LightBox al cargar la pagina (Onload)

Citar            
MensajeEscrito el 20 Sep 2008 03:34 pm
Hola Comunidad :)
Hace un tiempo necesite que en el index de el sitio web de un cliente,
se desplegara un efecto ligthbox Onload con un informacion X...
y despues de muchas y muchas busquedas infructuosas en en internet, pude hallar la forma de lograrlo.
y pues quize compartir el codigo fuente con el cual logre el truco,
pues se lo dificil que es conseguirlo en internet, y soy conciente que para nosotros los novs muchas veces esto nos puede inchar un poco las bolas... :P

aqui les dejo la perlita.

....Descargar..... (y)

Buen Provecho...
Pdt: el color de fondo puede ser modificado en el archivo Lightbox.css

____________
Complemento:

Opción alternativa con Shadowbox.
::::Descargar:::: (y)

::::Ver:::: :cool:

(permite inserción de videos y html con posibilidad onload)

Por MorenoMetal

8 de clabLevel



Genero:Masculino  



Ultima edición por MorenoMetal el 06 Oct 2011 04:45 pm, editado 2 veces

msie7
Citar            
MensajeEscrito el 26 Nov 2008 05:46 pm
Gracias por tu aporte seguro que a muchos les servira.

Por flashreloco

Claber

1310 de clabLevel

1 tutorial
1 articulo

Genero:Masculino  

Webdesigner & Mandilon 2.0

msie
Citar            
MensajeEscrito el 03 Dic 2008 02:08 am
Amigo MorenoMetal, primero muchas gracias.

Funciona perfectamente en todos los browsers y, además, sí que es cierto que es muy difícil encontrar esto en la red.

No entiendo porqué no está implementado directamente por lightbox.

Así que lo dicho, muchas gracias por tan genial aporte.

Saludos

Por clamp

1 de clabLevel



 

opera
Citar            
MensajeEscrito el 14 Mar 2009 03:41 pm
:wink: Excelente, justo lo necesitaba en el trabajo y no tenia idea de como hacerlo :lol: estuve a punto de decir que no se podia :oops:
Gracias por el aporte.
Saludos.

Por henryoqv

1 de clabLevel



Genero:Masculino  

Diseñador Front-End

firefox
Citar            
MensajeEscrito el 20 Jun 2009 01:06 am
Eres un genio!!!!!!
Me has salvado la noche... ya no sabia cual modificar.
Te debo un buen Capuccino o unas chelas!
Saludos desde Perú

Por dlerma

35 de clabLevel



Genero:Masculino  

Lima

firefox
Citar            
MensajeEscrito el 12 Ago 2009 02:54 pm
hola...muy bueno el aporte..... pero creo q este ligthbox no sea abre en el onload.........sino q es un ancla si no me equivo.... puede ser???? osea q lo q yo quiero q se abra en ligthbox tengo q tenerlo en la pagina para q funcione...... lo q yo busco q se abra un ligthbox al cargar la pagina..... pero q adentro pueda poner lo q yo quiera..... sin necesidad de q esto figure en la pagina....... no se si me explico bien,.,,,,,,,,,,,, muchas gracias
Nelo

Por luckyloser

0 de clabLevel



 

tandil

firefox
Citar            
MensajeEscrito el 23 Oct 2009 02:33 pm
Uff mil gracias...

Por erasmoh

40 de clabLevel



 

Venezuela

safari
Citar            
MensajeEscrito el 02 Mar 2010 05:37 pm
Me he registrado sólo para darte las gracias¡¡¡

Al compañero anterior le comento que puede optar por la opción de poniendo la imagen en el código
poniendo: style:visibility="hidden" no aparece. Sé que es cutre y que ya lo sabría pero vale para tirar para adelante.

saludos

Por mcartur

0 de clabLevel



 

España

msie8
Citar            
MensajeEscrito el 22 Mar 2010 05:55 pm
groso man, lo busque todo el dia

Por da_vidricota

20 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Jun 2010 04:39 am
muuuy buen dato el lightbox onload... pero me mató que en firefox que pone loco... o sea ... obviamente, nada se ve como uno quiere... (esto me hace pensar... como me mintieron tantos años los de ie y ms ... me hicieron creer que sabia algo de paginas web :twisted: )
el problema es que el codigo esta muy desparramado, no solo es CSS , en el .js tambien estan las propiedades que alto de imagen (centrado vertical) y el ancho del conteiner (recuadro blanco)

bueno... lo pasamos a firefox? eh? o no? eh? o no? :lol:

Por radiumdaa

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Ago 2010 07:45 pm
Buenas tardes, una idea muy buena lo único que yo necesito cargar en ese lightbox una página con un mensaje de aviso el cual se obtiene de una base de datos. Podríais echarme una mano?

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

msie8
Citar            
MensajeEscrito el 30 Ago 2010 07:47 pm
Buenas tardes, es una idea estupenda pero necesitaría ayuda para poder cargar de esa manera una página con un texto que se obtiene de una base de datos MySQL podría ser? Me podeis ayudar? Ahora mismo lo tengo con un pop-up y la verdad que quedaría mejor haciéndolo con el lightbox

GRACIAS

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

msie8
Citar            
MensajeEscrito el 20 Sep 2010 10:19 pm
ijole q aporte gracias

Por ramosol

36 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Dic 2010 09:12 pm
Hola a todos!!! ^^
Tiempo sin volver a pasarme por la comunidad!

Volví básicamente a ayudar a alguien que me lo solicitó...
Me pedía, que a partir de la imagen se diera la opción de ir a otra página siguiendo un vinculo y que siguiera siendo onload...
y pues bien...
Aquí les dejo este aporte...
::::Descargar:::: (y)

::::Ver:::: :cool:

Por medio de este método utilizando shadowbox es posible lograrlo incluyendo un trozo de código html...
Cualquieeeer cosa en html puede ser cargada alli.... :)

Espero les sea de ayuda.... :)
Cualquier cosa en la que les pueda ayudar: [email protected] [email protected]
Chau!
:P

--------- Links Reparados 06 Oct 2011 ----------

Por MorenoMetal

8 de clabLevel



Genero:Masculino  



Ultima edición por MorenoMetal el 06 Oct 2011 04:34 pm, editado 2 veces

msie8
Citar            
MensajeEscrito el 17 Dic 2010 04:09 pm
Muy bueno el aporte .... la verdad es que me has salvado el trabajo. La lástima es que los dos ultimos links no funcionan ... los puedes volver a poner ?????

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 17 Dic 2010 04:40 pm
auch....
perdon...
hice cambios en el host y olvide esos links...
ya los renuevo....

Por MorenoMetal

8 de clabLevel



Genero:Masculino  

msie8
Citar            
MensajeEscrito el 17 Dic 2010 04:44 pm

jlbenito72 escribió:

Muy bueno el aporte .... la verdad es que me has salvado el trabajo. La lástima es que los dos ultimos links no funcionan ... los puedes volver a poner ?????


Listo..
Disponible....

Por MorenoMetal

8 de clabLevel



Genero:Masculino  

msie8
Citar            
MensajeEscrito el 26 Ene 2011 11:19 pm
Excelente aporte...solo que tengo un problema, en mi pagina tengo un pequeño banner publicitario en flash, el cual al cerrar el lightbox de inicio desaparece :S...que será????

saludoossss!!!

Por alex87

20 de clabLevel



 

msie8
Citar            
MensajeEscrito el 07 Abr 2011 01:31 pm
Excelente para colocar publicidad al inicio, o información relevante.

Podrías revelernos por favor qué líneas de código editaste en los archivos javascript scriptaculous.js ó lightbox.js?

Lo pregunto porque probando me dí cuenta que son los mismos que vienen por defecto del lightbox, pero algo cambiaste, cuál fue tu secreto maestro?

Saludos desde Colombia! :cool:

Por LouitzCol

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Abr 2011 03:42 pm
Estimado
Muy buena solucion y de hecho funciona perfecto para internet explorer...

De todas maneras tengo 2 preguntas...
Puede hacerse compatible con los otros navegadores?
Es posible cargar un html en vez de una imagen en el centro de la pantalla?

gracias! :P

Por zm2175

1 de clabLevel



 

msie8
Citar            
MensajeEscrito el 14 Abr 2011 08:23 pm
Bueno ya me respondi solo lo primero...
en el codigo no olviden incluir esta linea:


Shadowbox.init({
skipSetup: true
});

antes de la siguuiente funcion.
Lo del html me sigue penando :ownz:

salu2

Por zm2175

1 de clabLevel



 

msie7
Citar            
MensajeEscrito el 18 Jul 2011 10:05 pm
Hola gracias por el aporte esta muy bueno, podrias ayudarme a cambiar el tiempo de inicio del lightbox? ; es decir, hacer que la imagen salga unos segundos despues de haber entrado a la página. Te agradeceré la ayuda.

Por lalala789

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 Oct 2011 08:37 pm
Esto dure buscandolo toooodo el dia. MIIIIl gracias por tu aporte. Solo que tengo un problema... resulta que me funciona perfecto el local, pero lo subo al host y ahí si no me funciona en ningún navegador... revice subir cada archivo y estan ok... no se si sea necesario ponerle algo más.

Espero me entiendas y me puedas ayudar.

De nuevo Mil gracias

Por VIMA

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Nov 2011 04:52 am
muchas gracias =)

Por archel_stroke

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Nov 2011 02:48 am
muy buen aporte, me funciona perfecto, solo que no abre el pop up si la pagina tiene algún elemento flash quien me puede ayudar?

Por rox2375

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 23 Feb 2012 05:54 am
Amigo, es tremendo lo que hiciste por todos nosotros. Mil gracias!!!! ojalá algún día pueda ayudarte tanto como lo haz hecho conmigo. Saludos.

Por MOEBIUS

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 25 Feb 2012 10:53 am
De verdad que muchas gracias por el aporte, me tenia trancado la falta de la solucion que aportaste, ojala pueda devolverte el favor en alguna oportunidad

Por jesus2500

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Dic 2012 10:45 pm
Hola hermano!!!
Ante todo muy agradecido por el aporte que le has dado a la comunidad, lo he puesto en marcha y funciona de maravilla en Firefox, Safari y Opera, pero en Internet Explorer ni en Chrome me ha funcionado, existe algun codigo espcifico para estos navegadores???
Mil Gracias

Por emoren

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 21 Ene 2013 04:09 pm
Como le puedo hacer para que no se habra automaticamente el lightbox, quiero que cuando le den click a un boton se despliegue el html ayuda por fa

Por miklo28

0 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.