I. Introducción
Esta librería ofrece múltiples posibilidades. De hecho, acepta tanto la inserción de imágenes como de páginas web. Y no solo con el mismo formato de página sino que existen diferentes tipos. Esto se resume en dos tipos de usos: un uso básico y un uso avanzado.
-
Uso básico: Se centran exclusivamente en la apertura de imágenes y páginas web en dos formatos: Como imagen o web suelta o formando parte de una galería.
-
Uso avanzado: Explican métodos que se les puede pasar al enlace de forma que adquiera mayor funcionalidad. Por ejemplo: GB_show, GB_showCenter, etc.
La forma de usar la librería, tanto en su uso básico como en uso avanzado es el mismo. Lo único que cambia es el enlace al cual se hace referencia.
II. Uso de la librería
Una vez descargada la librería en la carpeta que considere oportuno, deberá hacer referencia a una variable que usa esta librería: GB_ROOT_DIR. Esto se realiza en la cabecera de la web. Básicamente consiste en una variable que luego usa la librería para tomar como directorio raiz la ruta completa desde el raiz hasta la carpeta donde se encuentre la librería:
<script type=»text/javascript»>
var GB_ROOT_DIR = «carpetas/hasta/directorio/librería/«;
</script>
A continuación, escribir las referencias a los ficheros que vamos a usar de la librería:
<script type=»text/javascript» src=»greybox/AJS.js» mce_src=»greybox/AJS.js»></script>
<script type=»text/javascript» src=»greybox/AJS_fx.js» mce_src=»greybox/AJS_fx.js»></script>
<script type=»text/javascript» src=»greybox/gb_scripts.js» mce_src=»greybox/gb_scripts.js»></script>
<link href=»greybox/gb_styles.css» mce_href=»greybox/gb_styles.css» rel=»stylesheet» type=»text/css» />
Para terminar, el enlace que llame a la librería. En este caso, son múltiples las posibilidades pues se le puede pasar el ancho y el alto de la ventana y numerosos parámetros para configurar más a tu gusto la ventana emergente. Algunos ejemplos de su uso:
-
Acceso básico:
<a href=»URL» mce_href=»URL» title=»CAPTION» rel=»gb_image[]»>HTML</a>
-
Coloco el título de la imagen:
<a href=»URL» mce_href=»URL» title=»CAPTION» rel=»gb_imageset[NAME]»>HTML</a>
-
Selecciono ancho y alto:
<a href=»URL» mce_href=»URL» title=»CAPTION» rel=»gb_page[WIDTH, HEIGHT]»>HTML</a>
-
Selecciono ancho y alto y centro la ventana:
<a href=»URL» mce_href=»URL» title=»CAPTION» rel=»gb_page_center[WIDTH, HEIGHT]»>HTML</a>
-
Ventana a tamaño completo:
<a href=»URL» mce_href=»URL» title=»CAPTION» rel=»gb_page_fs[]»>HTML</a>
-
Webs en formato Galeria:
<a href=»URL» mce_href=»URL» title=»CAPTION» rel=»gb_pageset[NAME]»>HTML</a>
Como siempre digo, todo esto es una pequeña referencia. Si quereis comprobar el auténtico potencial (sobre todo para el acceso avanzado), resultaría muy conveniente que accedieráis al enlace que os he facilitado.
III. Referencias
– Volver –
hola !
Es posible anidar este efecto ?
No encuentro la forma de hacerlo.
Si me pudieran ayudar, encantadísima !
Mil gracias.
Hola Clety, no entiendo muy bien tu pregunta. ¿A qué te refieres con anidar?
Un saludo!
quiero utilizar el control pero no se como pues ya hice todo como lo indican pero no lo puedo echar a funcionar
Gracias
Mauro si funciona solo dime que parte no te funciona o cual es el error que tira para asi poder ayudarte saludos
Hola Franco:
un saludo antes que otra cosa, la pregunta es, hay que anexarle los archivos que se descargan al sitio y moverles alguna propiedad? ¿Deben colocarse en algún sitio en especial, dentro de la carpeta raíz?
en la web del auto esta el ejemplo que no funciona, no funciona por el sólo hecho de que no esta el archivo completo, desde este link que aparere en esta web lo podes descargar, lo descomprimmis y ejecutas el archivo html «examples» en el internet explorer y FUNCA::::
Saludos..
Como puedo hacer para que al momento de cargar una pagina aparezca con el efecto de esta libreria y la ventana del Browser se amplie a tamaño Full Screen..??
Alguien podria ayudarme…!!!
Gracias…!!!
una pregunta existe algun problema cuando se trabaja con php???????? ayuda xfavor
Buenas,
Claro que no. De hecho yo trabajo con PHP y he usado la librería GreyBox… ¿Cúal es el problema que tienes exactamente? Básicamente lo que hay que hacer es lo comentado en el manual:
– Realizar los «includes» en la cabecera tal y como se explica anteriormente.
– Escribir el enlace de la forma indicada en función del tipo de enlace que sea.
Saludos.
Estimados amigos muy buena,:
Maestros de webMaster necesito ayuda para usar [B]greyBox[/B] encima de un grupo de Marcos (Frames) desde un boton de flash,:
Lo he hey hecho es lo siguiente hasta ahora: la instalacion de greyBox lo hice en padre, osea grupo de frames, siguiendon los consejos de algunos maestros, pero no me sale. el codigo que puse en el boton flash es como sigue:
on (release){
getURL(«javascript:void(parent.GB_showFullScreen(‘google’,’http://www.google.com’));»);
}
la que agregue fue solo el parent, necesito ayuda 😦
Les agradecere ….
como puesdo insertar u cometario de un articulo en grey box?
lo tengo instalado y me funciona el efecto, pero me da error 404, no encuentra la direcion, pero le das enredirecionar al sitio y me abre la pagina principal
saludos
alguien me puede ayudar, soy novato en el diseño web, y tengo un problema cdo uso el modo fullscreen en internet explorer ya que se me sale de la configuracion de pantalla. si alguien le puede dar un vistazo. en la seccion de terapias/ tipos de terapias y masajes. gracias. un coordial saludo
Hola podrian ayudarme con esto?
Quiero saber como se le puede asignar la funcion de cerrar la ventana emergente desde un boton que yo cree y que luego me recarge la pagina padre
Ohhhhhhhh, que elegancia compañero me funcionó a la perfección, hacia ratico ya que estaba buscando algo como esta libreria, excelente, excelente,excelente….
Tengo una duda, si tengo la función rel=»gb_page_fs[]» dentro de un echo de php donde no pueden ir comillas cómo lo soluciono? he intentado con ‘ pero nada. gracias
hola lino, me parece que te esta faltando un parent
parent.parent.GB_showFullScreen(la_url)
En links normales me funciona perfectamente muchas gracias.
No obstante no me funciona cuando el vínculo viene dado desde una . El vínculo me aparece en la misma ventana ¿Puedo hacer algo?. Gracias anticipadas.
PD. Enhorabuena por el blog. Lo añado a mi blogroll.
Atentamente,
Julio Aliaga
Hola buenas tardes, tengo una duda, he hecho una galeria con la libreria greybox, pero al momento de correrla en Mozilla Fire Fox y en Safari, no me visualiza cuando le doy clic a la primera, tengo que retroceder para que cargue bien las imagenes y asi sucesivamente, con el Internet Explorer no hay problemas.
Espero y me puedan ayudar.
Hola me piuedes ayudar a correr este efecto no entiendo muy bien esta parte
var GB_ROOT_DIR = “carpetas/hasta/directorio/librería/“;
la parte ddonde dice carpetas/hasta/directorio/libreria
me puedes explicar q es lo q va ahi xfa
Hola
¿Cómo se hace para pasarle una variable en php?
Tengo este codigo:
echo ‘Date: ‘.$detail[‘date’].’‘;
«—> echo ‘Date: ‘.$detail[‘date’].’‘; «
Disculpen.. no sale el codigo completo cuando hago el post
[…] que, junto con GreyBox, es de las librerías más completas que hay. Es más, ThickBox no necesita el uso de esa variable […]
hola si quisiera que al momento de cargar la paguina el efecto habra una determinada paguina como lo indico
como quedaria segun yo algo asi pero me falta
body onload=»return GB_showPage(‘google.com’, this.href(‘http://google.com’)»
Otra cosa que olvide comentar es que descargo la version de GreyBox 5.53 y 5.54 y ninguna me funciona, solo abren la ventana con el titulo y el boton de cerrar pero no carga la pagina web que le indico, sólo se queda la animacion de Loading
Hola a todos,
Os funciona la version 5_53?
A mi me abre el enlace en la misma página, vamos como un enlace normal
Estimados, yo instalé el Gb_Plugin de greybox y solo me aparece una ventana en blanco con el titulo y cerrar, pero nada mas habrá que hacer una configuracion especial en el gb_plugin.php.
agradecido.
Luis
como se hace para cambiar el boton de cierre de ventana, quiere que sea una «X» … no la palabara «close».
Tengo una consulta, como hago para poner dentro del greybos 2 botones y que funcionen de la siguiente manera: uno deberia ejecutar un comando php y luego cerrar el greybox recargando la pagina padre, el otro deberia solo cerrar el greybox.
He intentado miles de cosas y no consigo cerrarlo.
Todo funciona bien, si me pueden ayudar en lo siguiente: es posible eliminar el boton X (close), o en su defecto detectar la salida para que refresque la página padre?