Popup con efectos en javascript
GreyBox se puede utilizar para exhibir imágenes y el contenido de otro sitio web de una manera elegante y presentable. es algo muy parecido a LightBox con la diferencia que greybox puede hace popups en la misma ventana, el autor de esta maravilla es Orangoo Labs, aquí tienes los pasos para instalarlo y saberlo utilizar.
(Peso:178KB) Descarga GreyBox.
Instalación
Paso 1Sube los archivos que están en la carpeta greybox...Agregamos en la cabecera de nuestra pagina el siguiente script, no olvides modificar mydomain por tu dominio:
-
<script type="text/javascript"> var GB_ROOT_DIR = "http://mydomain.com/greybox/"; </script>
Paso 2Estos son los scripts que utiliza greybox ... agregalos en la cabecera.
Paso 3Conocer la sintaxis que utiliza greybox para aplicar el efecto a un popup o imagen.
Un sitio Web
Ver google.com en una ventana de 500x500
Ver google.com en una ventana completa
Codigo:
-
<a title="Google" rel="gb_page_fs[]" href="http://google.com/">Launch google.com in fullscreen window</a>
Existe la opción de galería de imágenes puedes ver mas detalles en Orangoo Labs. Esto seria todo de mi parte y espero que les haya gustado!.
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.
piratahacker
el 18 Abr 2007 a las 21:22 #El efecto se ve alucinante,
cuando me de un tiempo lo voy a probar a ver que tal me va... dejame felicitarte tu web esta muy buena no solo en diseño sino tambien en contenido.. 
SALUDOS
Rodrigo-Azul
el 18 Abr 2007 a las 22:41 #Pues gracias piratahacker por la buena vibra! que bueno que te haya servido
gabriel
el 28 May 2007 a las 22:59 #oye rodrigo se podra hacer con videos igual?
Rodrigo-Λzul
el 29 May 2007 a las 1:21 #Si se puede gabriel si metes la animación en una pagina html y solo la llamas ,,, asi le hice en mi portafolio
gabriel
el 11 Jun 2007 a las 14:04 #Rodrigo-Λzul
el 11 Jun 2007 a las 16:42 #Que problema tienes gabriel ? no funciona, o funciona pero no lo hace bien ?
chapaskin
el 15 Jun 2007 a las 13:57 #Hola amigos, ke wena pagina, estoy desarrollando una pagina con varios efectos ajax. http://200.89.72.66/Revista
mi consulta es: como hago para cerrar el efecto greybox al precionar un button, sin la necesidad de preciona la X o close
Agradesco su respuesta
gabriel
el 15 Jun 2007 a las 14:50 #a pues veras rodrigo la verdad esq ue puse todo como dices pero no sale la ventana solo se abre el linck en una pagina aparte.
no se que onda
Rodrigo-Λzul
el 15 Jun 2007 a las 15:27 #a ok gabriel verifica que en el header que tengan bien la direccón de los scripts o que no tengan errores de ortografia o sintaxis, si ya hiciste esto y no queda checa que el link tenga: rel="gb_page_fs[]"
Gabriela
el 01 Oct 2007 a las 15:28 #Hola, alguien sabe como jalar ese efecto desde un link en flash.
Gracias a quien me ayude con este reto.
Rodrigo-Λzul
el 01 Oct 2007 a las 19:03 #Hola que tal Gabriela, yo una ves lo intente y no pude, no le pude pasar desde flash el parametro rel
, si alguien logro hacer estop por faaaa! comentenlo sera de gran ayuda! 
Javier
el 29 Oct 2007 a las 18:57 #Muy buena Info che..Gracias por la Data,esto esta alucinante,Gracias,exitos.
diepar
el 21 Nov 2007 a las 22:46 #Rodrigo muchas gracias por la info, me costó un poco de trabajo, pero finalmente salió, me tocó dejar la carpeta no en la raiz sino dentro del subdirectorio al cual le voy a aplicar la transición. Que gran disposición tienes para dar tus conocimientos. Un abrazo
Americanista
el 23 Nov 2007 a las 7:40 #Saludos amigo bueno yo he andado viendo esto de los efectos pero yo quiero meterlo en un sistema de cms dragonfly pero la verdad ya le busque y no se donde van en realidad los codigos :s a ver si por ahi sabes donde meterlos en un cms dragonfly , saludos.
Hunt
el 03 Jun 2008 a las 23:12 #Ya me sale ahora lo que necesito es una ventana sobre otra ventana greyBox. Si alguien lo a logrado porfa
Nena linda
el 11 Jul 2008 a las 22:31 #Necesito saber si esta herramienta se puede usar con los de un porque si es asi.. no se como..!! buuu ya lo intente... Muchas gracias y esta bien padre la aplicacion Gracias de antemano
Enrique
el 30 Ago 2008 a las 13:56 #Hola, quisiera saber si me pueden ayudar... probé este efecto y me resultó, pero cuando lo quiero hacer usando frames nunca carga el contenido. Tengo 2 frames, uno superior llamado TOP (alli tengo un banner y un menu), y el MAIN, o principal que está debajo y es donde cargo todo. Cuando mando a llamar al popup desde el MAIN, carga la ventanita, pero nunca la información de la página... alguna idea de como usarlo con FRAMES?... gracias!
matt
el 10 Sep 2008 a las 21:32 #lo estoy intentando pero no me funciona.
Hay que subir todo el contenido del zip o solo la carpeta que hay dentro que se llama greybox y desechar las otras?
yo ya uso css para dar estilo a mi web, interfiere si añado otro enlace mas a un css o debo compilar todos los css en uno?
ayuda
gracias
hACK
el 24 Sep 2008 a las 22:14 #No entendi nada
subi los archivos de la carpeta
puse lo del paso uno en la cabecera, luego abajo lo de paso 2 y luego no se que pasa
la verdad no los se hacer
Juan Carlos Ajahuana
el 10 Oct 2008 a las 0:48 #Ami me funciono de maravilla.
Solo hay que tener cuidado en e direccionamiento de los *.js
Gracias, totales.
francisco
el 05 Dic 2008 a las 14:02 #NENE-Agreda
el 18 Dic 2008 a las 18:24 #Hola, si alguine consigue meterlo en un link en flash, agradeceria lo posteara, pues ME ESTOY VOLVIENDO LOCO y no lo consigo abrir desde flash, con LightBox si sale, pero solo con imagenes, no una pagina html.
Saludos
Xander
el 28 Dic 2008 a las 12:36 #Hola, alguien me recomendó este sitio y veo que está chevere, intentaré hacerlo y postearé alguna duda.....espero responda alguien.....
Leonardo de Jesus Oronzor
el 12 Ene 2009 a las 22:01 #Muy buen aporte muchas gracias
tengo la misma duda que algunos por ahi. ¿Como se llama el greybox desde flash?
tengo una pagina en flash pero necesito llamar una pagina sin la necesidad de abrir otra pagina osea dentro del greybox y que al cerrar el greybox siga en donde me quede en mi flash ojala alguien sepa( ya que necesito mostrar una tabla asp, y como no se trabajar flash con asp pues esta solución seria la mejor para mi)
saludos
Leonardo de Jesus Oronzor
el 27 Ene 2009 a las 16:56 #Hola hola buenas
Pues aquí les dejo un ejemplo de como cargar un greybox desde una pagina flash, aun tiene algunos inconvenientes como por ejemplo cuando le das click funciona bien pero lo de atrás del flash se desaparece, si alguien sabe como corregirlo pues pasen el tip y que no puedo cargar varios link dentro del mismo greybox me refiero que si dentro del greybox tienes un link no se carga dentro del mismo greybox si no que abre otra pagina. En fin creo de cualquier manera les ayudara mucho este aporte que es muy difícil de encontrar.
link de descarga : http://www.techmedia.com.mx/greyflash.zip
Nota: prueben en el servidor, lo cal no sirve o mas bien no se ejecuta
Saludos
Julio Cesar
el 02 Feb 2009 a las 3:50 #favian
el 04 Feb 2009 a las 16:43 #Trate con javascrip y con body pero no se como pasar el rel="gb_page_fs[]"
Gracias
NEss
el 10 Feb 2009 a las 15:20 #Hola amigos.. tengo la misma pregunta que FAVIAN ...
Estoy intentando que me cargue una IMAGEN al entrar a mi pagina web...
Lo que quiero es que cuando sale la INDEX o pagina principal..
Me cargue en la greybox una imagen alusiva a un evento... en formato JPG
evandro
el 02 Abr 2009 a las 16:44 #no consigo haser funcionar
luis
el 13 Abr 2009 a las 16:04 #saludos, necesito ayuda urgente con una problema que tengo con la galeria cuando tiene solo una imagen, me aparece un fondo en blanco, y al hacer clic en "mas fotos" me muestra la imagen en un liston sin ningun cambio. Al agregar mas de una imagen la galeria funciona de forma correcto, como podria solucionar este inconveniente???Gracias de antemano
ivan
el 20 Abr 2009 a las 12:41 #Auryn
el 10 Jul 2009 a las 3:27 #A mi no me va bien, el popup se me pone en la parte de abajo de la página ocupando mas del 100% (y tiene 2 frases de contenido en unos caso y una imagen de 300px de ancho en otros) y no se puede ver.
Leonardo
el 20 Jul 2009 a las 14:29 #me pasa lo mismo que a ivan en un pagina con frames no funciona... como se podria solucionar?
Nicomaverik
el 22 Jul 2009 a las 19:10 #Disculpame Rodrigo-Λzul pero, como hicistes lo de las imagenes en tu portfolio?
Es que es exactamente lo que estoy buscando
Nicomaverik
el 22 Jul 2009 a las 23:17 #Olvidense de lo anterior, ya pude, es que era mi primera vez.
ahora me surgió el mismo problema que a Leonardo con los frames.
No hay alguna forma de que el popup se abra en TODA la ventana en vez de solo en el frame?
Gracias
jhuaraya
el 08 Ago 2009 a las 8:24 #Lastima que no funciona en Ie6
Elena
el 26 Ago 2009 a las 14:55 #Hola!
Alguien me podria decir como pasar un dato desde el greybox a la ventana desde la que se ha abierto el graybox???
Gracias!
Har1m
el 29 Ago 2009 a las 15:55 #k tal a todos he visto la web y esta super, la verdad es k kiero lo mismo k varios aki, k desde flash el boton haga la función me encanto el efecto y Leonardo de Jesús nunca sirvio tu url pense k tenias la solución y me
ojala la tengas de nuevo...
ALEJANDRO
el 06 Oct 2009 a las 11:01 #ESTO SI ES UN BUEN TRABAJO.
javier
el 17 Nov 2009 a las 16:42 #Sigue asi Pata esta bueno voy a probarlo a deseo poner ami pagina una pagina carga cuando termine de cargar llame a mi pagina principal
y un popup que se acomode a la resolucion de pantalla y tenga un scrobar 
Gracias
Reinaldo
el 21 Jul 2010 a las 11:45 #Hola. Lo probe en firefox 3.6.6 ... desde ubuntu 10.04 ... y no abre.
Si lo abro con chrome por ejemplo .. ahi ya no hay problema ...
La cuestion es que estoy implementando un sistema que trabaja con mozilla ... que puedo hacer?