Contenido

GreyBox Plugin 5.3, perfeccionando los pop-up

24 Ene

+ 38

GreyBox es una gran herramienta para mostrar información a nuestro visitantes, con ella podemos mostrar páginas externas sin necesidad de salir de nuestro servidor y sin tener que redirigir a nuestro visitante a una página, perdiendo el hilo de la navegación.

greybox1.gif

Ahora disponemos de una nueva versión mucho más elegante, compacta y eficiente. La 5.3 es sin duda le mejor versión de de GreyBox hasta el momento. La posibilidad de abrir paquetes de imagenes o de páginas permiten una funcionalidad hasta ahora no conocida. Al igual que Lightbox nos permite movernos por las imagenes de un post, con GreyBox podemos hacer lo mismo pero además con páginas, sin necesidad de ser imagenes.

Instalación

La instalación es como el resto de instalaciones de Wordpress, facil :D

  1. Descargar el fichero
  2. Descomprimir y subir a wp-content/plugins/
  3. Activar desde el panel de administrador

Modo de uso

He pensado que para facilitar el trabajo a todos, usar el mismo método de los plugins anteriores aunque ahora tambien podemos indicarle el class a las imagenes.

Enlaces:

<a class="GB" href="..." title="...">Enlace</a>

Importante respetar esta estructura, ya que necesita estos atributos para formar correctamente el menú superior.

Imagenes:

<img class="GB" src="..." alt="..."/>

El plugin se encargará de añadir un enlace a la imagen. Si usamos una miniatura, mostraremos en la imagen la minitura y el enlace hará referencia a la imagen a tamaño real.

Personalizar la salida:

Tambien nos es posible personalizar nuestros enlaces o imagenes, para ello omitiremos el atrbuto class="GB" y usaremos los métodos de GreyBox.

Una imagen

<a href="URL" title="CAPTION" rel="gb_image[]">HTML</a>

Una página con un tamaño determinado

<a href="URL" title="CAPTION" rel="gb_page[WIDTH, HEIGHT]">HTML</a>

Una página centrada con un tamaño determinado

<a href="URL" title="CAPTION" rel="gb_page_center[WIDTH, HEIGHT]">HTML</a>

Una página a pantalla completa

<a href="URL" title="CAPTION" rel="gb_page_fs[]">HTML</a>

Para un uso avanzado, o la necesidad de realizar las llamadas desde Javascript, tenemos la posibilidad de llamar a las funciones que realizan los efectos anteriores.

Compatibilidad

Está probado sobre Wordpress 2.0.6, y debería funcionar perfectamente sobre 2.1, ¿alguien podría confirmarmeló?

Descargar

[JS comprimido (16kb)][JS descomprimido(24kb)]

yo no he conseguido que funcione en wordpress 2.1

#1 Algún error?? Lo tienes puesto ahora??

A mi tampoco me funciona con la 2.1, abre la ventana pero como siempre, sin el efecto.

Correcto, me abre el enlace en una pagina nueva, pero sin el efecto.

¿¿Alguien tienes algun enlace en donde pueda ver donde falla??

si… bueno, estoy probando aqui… http://www.robot04.com/blog en la última entrada, el enlace es el de renombrar elementos de la biblioteca y he puesto class=”GB” como tienes arriba.

Buenas Chema, has puesto

<a class="”GB”" href="..." />

deberias meter GB sin las comillas :D

Yo lo estoy lo tengo puesto en http://www.adsltodo.es
arriba en el header bajo el banner y en el sidebar en herramientas los dos enlaces son a una test de velocidad del servidor y en los dos pone GreyBox, y no funciona.

He puesto un enlace del tipo Launch google.com in fullscreen window
en el sidebar en herramientas que dice GreyBox original, y de ese modo si funciona.

No se como ponerlo para que salga el codigo es el primer enlace de ejemplo de esta pagina http://orangoo.com/labs/GreyBox/

Bueno pues finalmente con enlaces de este tipo si que funciona.
Launch google.com in fullscreen window
He dejado un enlace en el header de http://www.adsltodo.es que dice “Test de Velocidad”

Antonio, yo veo que te está funcionando. Aunque no lo estás usando como realmente pensé que se usaría.

Es fallo mio por no especificarlo, pero es un plugin que se encarga de modificar los enlaces de los posts, y el sidebar, menus y demás no están incluidos.

¿¿De todas formas veo que está funcionando, sobre Wordpress 2.1??

He instalado el plugin, lo he activado, he cargado la página principal de mi blog y lo he desactivado. No he llegado a probarlo, pero activado me ralentiza mucho la carga de la página.

Con el analizador de velocidad de websiteoptimization.com me da un tiempo de carga para un ISDN 128K de 9.22 segundos, con el plugin desactivado (0.98 segundos con T1) mientras que con el plugin activado me da un tiempo de carga con ISDN es de 17.17 segundos y con T1, 1.67 segundos, prácticamente el doble.

Una lástima :( Ah! uso WP 2.1.

Perfecto, funcionando en 2.1… Muchas gracias

Este plugin me recuerda a este:

Plugin ThickBox-Press
http://blog.unijimpe.net/plugin-thickbox-press/

Pero lo deje de usar ya que no era compatible con Firefox.

SalU2!

@

#16 Si, todos los lightbox clones se parecen. Pero es raro que digas que no es compatible con Firefox, Thickbox es compatible con gran cantidad de navegadores entre ellos Firefox. Quizas tuvieras algún problema de compatibilidad entre scripts.

Un saludo.

Pues no sé, he eliminado plugins, he quitado script para los comentarios y el qTip y sigue igual.

Pues yo tengo que tener algún script que me de el coñazo, ya que ni con el plugin ni metiéndolo a pelo en el tema mio me funcionan. ¿que plugin podría ser el que me haga la vida imposible?

Saludos

#18 Pues la verdad es que no tengo ni idea, pero quizas alguno que te esté modificando el window.onload.

Si quieres le echamos un vistazo, dime cosas.

Perdonad mi ignorancia, pero lo que se descarga aqui es un js, no? Como hago para que aparezca en mi lista de plugins?

#21 No es solo un fichero JS, es un zip con varios ficheros que debes instalar en la carpeta wp-content/plugins/

vale, mi problema es que estoy usando directamente el js de orangoo labs porque los links que tienes parece que estan erroneos, parece que apuntan a http://www.anieto2k.com/files/gbPlugin.zip que al parecer no existe. He conseguido descargar gb_plugin.zip pero es la version 2.0 ¿Podrías verificar los enlaces?

Gracias!!

#23 Tienes razón, con la putada de los de aruba faltán algunas imagenes y ficheros.

Estos los tenía en local, y ya los puedes descargar.
Gracias por el aviso.

no hombre no, gracias a ti por los plugins :)

hola
he instalado este plugin siguiendo las instrucciones de esta página pero me sale el siguiente enunciado en options de wordpress 2.1

Warning: file_get_contents(http://www.anieto2k.com/plugins/gb.txt) [function.file-get-contents]: failed to open stream: HTTP request failed! HTTP/1.1 404 in /home/artivate/public_html/01/wp-content/plugins/greybox/gb_plugin.php on line 61

puede alguien ayudarme a corregir esto?
gracias.
p.

Pues yo estoy intentando probar el plugin sobre WP 2.1 y accediendo con Firefox sobre Linux y parece que los filtros para sustituir la class por el rel los realiza correctamente, pero el js no parece entrar a funcionar bien porque no sale el globo.

It doesn’t work with wordpress 2.1, so will there be a new publish of this plugin? And I’don’t know Spanish but i’m trying to understand informations on this page could you prepare an English Plug-in Page?

Best Regards
Eren

lo probe en WP 2.1 y no me carga el JS.

aunque lo mas probale es que no sea compatible con mootools ya que este lo tengo realizando el efecto del Dock.
y no tengo intenciones de quitarlo ya que se encarga de los menus de mi blog.. sabes donde puede estar el error ????

Gracias.

#29 Pues es raro, puede ser por MooTools o por Prototype que tambien lo tiene cargado podrías usar slimbox que es compatible con MooTools.

saludos

andres, me gusta slimbox pero tiene o no se como hacer que cargue paguinas externas a una medida “X” tipo popup para asi no perder visitas XD …

una lastima que no funcione para wp 2.1, espero alguien sepa modificar o publiquen algo parecido… saludos!

2 preguntas
1) Porque cada vez que pongo para editar el post el class=”GB” se mueve de lugar?
2) hay algun plugin para imagenes pero popup de los normales?

Hola. no se como conseguir algo:
Tengo claro el funcionamiento de greybox, pero desde asp.net, necesito que se fuese a una página al al producir un error. Es decir. Hay un error, va a una función y desde ahi se abra el una ventana de tipo greybox. Todo lo que he visto es con , como hacerlo por ejemplo con un response.rediret o un script?

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo