Contenido

GreyBox plugin 2.0

21 Jun

+ 23

English Version

Desde Orangoo Labs, traigo la versión 3.1 de GreyBox, una de las primeras adaptaciones de LightBox que incorporaban la carga de URL remotas con Ajax. Han mejorado mucho el aspecto y sobretodo pulido la funcionalidad en javascript, dejando un resultado de lo más cuidado.[Descargar]

Aprovechando esta nueva versión he adaptado el plugin GreyBox 1.1 a la nueva versión dando lugar a la version 2.0.

Instalación

  1. Descomprimir el fichero
  2. Subir al FTP a la carpeta /wp-content/plugins/ todo el contenido (carpeta greybox y gb_plugin.php)
  3. Activar desde el menu administrador
  4. Ir a Opciones >> GreyBox para configurar las opciones del plugin.

Modo de uso

Para usar el plugin hay que seguir unas normas básicas, ya que he pensado que sería interesante poder decidir que enlaces queremos que se vean mediante el plugin y cuales no.

Así que para hacer que esto sea posible he puesto una estructura que se debe seguir para usar el plugin.

<a class=”GB” href=”DIRECCION URL” title=”TITULO” …>TEXTO… </a>  
  

Es obligatorio para conseguir que el plugin funciones correctamente seguir este esquema a la hora de insertar un enlace.

Personalización

Desde el Menu de Administrador >> Opciones >> GreyBox, podremos configurar levemente nuestro plugin. Entre las opciones cabe destacar que podemos seleccionar un tamaño fijo para la ventana que deseamos mostrar, la url de donde se encuentran los fichero de greybox y la posibilidad de aplicar estilos distintos a las entradas que pasen por el plugin, usando la clase GB del CSS.

[Descargar[Demo] [Version 5.3]

This is the Grey Box version 3.1 I bring from Orangoo Labs, one of the firsts adaptions from LightBox that incorporated the charging of the remotes URLs with Ajax. The appearance and the javascript functionality have been improved and the results have been quite satisfactories.


I’ve seized the new version and i’ve adapted the  GreyBox 1.1 plugin to the new version and it becames into the 2.0 version.

Installation

  1. Unzip the file.
  2. Upload to FTP folder /wp-content/plugins/  all the content (greybox folder and gb_plugin.php).
  3. Options >> GreyBox to configure plugin options.


How to use

To use the plugin we’ve to follow some basic rules, cause i’ve thought it could be interesting to decide which  links we want to see with the plugin and which ones no.

Then, to do it, we’ve to do it in that way:


 <a class="GB" href="URL" title="TITULO" …>TEXTO…         </a>

It’s obligatory to follow this outline if you want that the plugin works properly.

Configuration

         From Menu de Administrador >> Opciones >> GreyBox  we can configure our plugin. We can stand out that we’re able to select a fix size for the window we want to show, the url where we can find the greybox files, and we’re able to apply differents styles to the entries that come in by the plugin, using the GB class from the CSS.

[Download] [Demo]

  • Buenos días aNieto:

    Fantástico tu trabajo, por mi parte muchísimas gracias por ese espíritu que rodea a tu web, ya se sabe que todo lo que no se da se pierde y parece que tu lo entiendes muy bien.

    Quería comentarte que he instalado este Greybox 2.0 y me ha decepcionado, sobre todo porque falla en algunos links, y, lo más importante para mi, no oscurece la web de fondo cuando visualizas una foto o una web con este sistema, para resaltarla, como hacía la versión 1.1. Es posible que el problema esté en mi servidor o en el theme que utilizo (es un plaintxt de última generación compatible con widgets, etc, etc), pero me he vuelto a instalar la primera versión que si va muy fina.

    Sea como sea sólo te escribía para agradecerte tu trabajo.

    un saludo
    chiu

  • hola! gracias por tu plugin esta regenial! ; )

    no obstante, me pierdo en dos cosas, de acuerdo a tu plugin debo usar GB pero no funciona, en cambio si mi funciona si lo hago asi, [TEest] , ahora la pregunta, como puedo configurar cada link de manera diferente, por ej. segun creo tu plugin tiene para una medida establecida, pero me encantaria poder definir cual ventana se ve mas grande que otras. Como hago una venta full screen usando tu plugin y basado en la forma en que me funciona?

    segun pagina de index del plugin de greybox es:

    Show amix.dk in full screen

    y para determinar una pagina parece asi

    var greybox_google = new GreyBox();
    greybox_google.setDimension(640, 450);

    Launch Google

    Launch a manipulative window

    var greybox_anim = new GreyBox();
    greybox_anim.setCenterWindow(true);
    greybox_anim.setDimension(640, 400);

    Launch an animation window

    var greybox_img = new GreyBox();
    greybox_img.setCenterWindow(false);
    greybox_img.setDimension(200, 200);
    greybox_img.setType(«image»);

    Show picture

    Show picture

    GB_show
    Launch Google

    @@@@@@@

    En fin, si me pudieras decir como harias tu para agregar una pagina como yo puedo ir determinando las medidas de acuerdo al link que agrego en mi blog de wordpress? De esto [TEest] como puedo en unos sitios decir un X tamaño y entros otro tamaño. Solo puedo un tamaño con el plugin?

  • Hi … there is a little suggestion

    yet another little changes from me ..

    function greybox_content ($content = "") {
    return preg_replace('/(.*?)/i', '$7', $content);

    }

    into:

    function greybox_content($content = "") {
    return preg_replace('/(.*?)/i', '$7', preg_replace('/(.*?)/i', '$7', preg_replace('/(.*?)/i', '$5', $content)));
    }

    Purpose of this change is to include some of anchor tag whitch miss title or in wrong sequence..

    ~sory .. i’m not good in regex, nor in english 😀

  • Hola Andres,

    Necesito tu ayuda urgente! Estoy intentando usar alguna de las versiones «xxxbox» (lightbox-greybox-thickbox) para crear un pop-up automático (siempre se carga con la página o sólo la 1ra vez que alguien entra, si se puede) para la inscripción a mi newsletter.
    El problema es que ninguno de los plugins funciona en mis páginas, salvo el Tygers Mooboxes, que estéticamente no me gusta. Los tuyos tampoco! Y otro problema es que no sé cómo hacer para que cargue automáticamente. Estoy usando WP2.12. Me podrías dar una mano? Gracias!
    Diego

  • #4 Probablemente tengas otro plugin que esté interactuando con los xxxbox.

    Desactiva todos los plugins excepto el que quieras usar y debería funcionar.

    Saludos

  • Ok, lo intentaré. Muchas gracias!

    Otra pregunta: Hay un plugin de thickbox version 2.1.1 (parecería un «avance» de tu version) en http://www.dan-atkinson.com/blog/index.php/thickbox-211-for-wordpress/
    ¿Cual es la versión a usar?

    Diego

  • Otra cosa, mis links los podrías dejar… Considerando que yo ya tengo un par de links a tus páginas en mis blogs y que ninguno de ellos compite con los tuyos.
    Un abrazo

  • #6 Hombre, dependiendo de que otros javascripts estés usando. Si ya tienes cargado prototype, usa Lightbox, si usas MooTools, usa SlimBox y si usas jQuery tendrías que usar el del framework que use.

    Lo que tienes que evitar es que cargues el prototype.js y luego uses SlimBox que requiere mootools.js, de esta forma tendrás 2 frameworks cargados con todo lo que eso conlleva.

    #7 No los quito por que seas tu, como comprenderás si permito que cada uno ponga todos sus links habrá cosas en los que habrá más links que contenido de la noticia.

    Lo siento, es el único criterio que intento respetar en los comentarios.

    Saludos

  • Hi!
    First of all, thanks for your Greybox WP plugin! Great job!
    I actually have a question about it… I’m having some trouble using Greybox as a WordPress MU plugin. Greybox does work if used inside wp-content/plugins directory, but It doesn’t work if installed under wp-content/mu-plugins.
    Can you suggest a solution?

    Thanks!
    Luca

  • me parece muy interesante .. pero lo malo es que no puedo trabajar en toda la pantalla cuando utilos el link en un marco flotante …como arreglo eso

  • just what i was looking for! thanks!! ^_^

  • Como puedo usar el GreyBox para abrir una pagina hija y dejar caer los datos en una pagina padre???? Ya abro la pagina hija, pero al momento de dejar los datos en el padre uso el window.opener pero no me funciona, ¿pueden ayudarme por favor?

  • no logro hacerlo trabajar, siempre que intento algo, me abre la pagina normal como si no tuviera el greybox

  • Como puedo desde mi pagina padre abrir una ventana con greybox pero al cerrar el grybox que se me recargue la pagina sin perder los datos ya contenido.

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.