WP-GreyBox

Jun 11th, 2007 by Jared Schwager

GreyBoxThis is my second WordPress plugin. It automatically adds the GreyBox lightbox to your blog. I have chosen GreyBox over Lightbox 2.0 because GreyBox has much more functionality. It allows you to have lightboxes for images, as well as web pages and even videos. This plugin will also automatically group all the images in a single post into a gallery.

Update:
I am no longer updating this plugin! I am now focusing my efforts on my new WP-Lytebox plugin.

Download v1.1.1 (only tested on WordPress 2.2 and above)

Installation instructions

  • Unzip the file and upload the contents to the /wp-content/plugins/ directory on your web server.
  • Activate the plugin from your WordPress admin panel.
  • That’s all there is to it! Now GreyBox will be enabled on every thumbnail in your posts that is linked to the full-size version.

Changelog

  • 1.1.1 - further CSS optimization as well as other code optimization
  • 1.1 - optimization to CSS, updated plugin description
  • 1.0 - initial release
  • No related posts

40 reader comments

  1. June 12th, 2007 at 2:09 am DrinkaZine Blog » Wordpress Plugin: Greybox says:
    DrinkaZine Blog » Wordpress Plugin: Greybox's Gravatar

    [...] 今天介紹一個Wordpress Plugin:GreyBox。 [...]

  2. June 12th, 2007 at 3:12 am GreyBox Plugin for Wordpress » Freakitude says:
    GreyBox Plugin for Wordpress » Freakitude's Gravatar

    [...] You can download WP-GreyBox plugin from here. [...]

  3. June 16th, 2007 at 10:15 am GreyBox is a nice =) says:
    GreyBox is a nice =)'s Gravatar

    [...] The script can be found here: orangoo.com/labs/GreyBox/ – I however opted for the plugin that can be found here: grupenet.com/ [...]

  4. June 21st, 2007 at 2:45 am yoichi says:
    yoichi's Gravatar

    Hi Jared,
    Thanks for a great plugin but being a newbee for this sort of thing I need to ask you a very unintelligent question.
    How can I embed flv into GreyBox. Or can I?

  5. June 21st, 2007 at 8:47 am Jared Schwager says:
    Jared Schwager's Gravatar

    Yoichi, FLV videos are only playable from within a video player made with flash. So once you have a flash video player you can direct Greybox to that.

    Note that my plugin will not automatically insert the code for opening videos and websites. You can look at the source code of this post to get an idea of how to use it.

  6. June 21st, 2007 at 6:17 pm yoichi says:
    yoichi's Gravatar

    Jared,
    Thanks for your quick response and sorry to bother you again.
    Where should I put the flvplayer.swf? In the wp-greybox folder?
    And how can I direct greybox to the flvplayer?
    Please bare with these beginner’s question.
    Thanks in advance for your help.
    Yoichi

  7. June 22nd, 2007 at 6:05 am phanthomas says:
    phanthomas's Gravatar

    Thanks, great plugin! Replaced the wp-lightbox2 after a first test, because it generates galleries from a posts pics with no further hassle!
    Great, thanks again,
    Thomas

  8. June 23rd, 2007 at 3:34 pm Wp-Greybox: lightbox feature for wordpress » sglogs.com says:
    Wp-Greybox: lightbox feature for wordpress » sglogs.com's Gravatar

    [...] WP-GreyBox | Grupenet [...]

  9. June 25th, 2007 at 4:49 pm Tim says:
    Tim's Gravatar

    Hi i have uploaded and activated the plugin but nothing happens my thumbnails still just link to the file in a new window what am i doing wrong? im running wp 2.2 by the way

    thanx a lot
    Tim

  10. June 25th, 2007 at 5:11 pm Jared Schwager says:
    Jared Schwager's Gravatar

    Tim, the plugin will not work if your images are linked to open in new windows. Remove the target=”_blank” from each image link and it should work.

  11. June 25th, 2007 at 5:25 pm Tim says:
    Tim's Gravatar

    Hello Jared Thankyou for replying, sorry the images arent doesnt open in a new window the thumbs just link to the file no target tag but still nothing happens, this is how the code looks when i insert a thumbnail in a post

    <a href="http://www.stylingby.dk/enter/wp-content/deb_steve_orangeflower2.jpg" rel="lightbox[pics30]" title="deb_steve_orangeflower2.jpg"><img src="http://www.stylingby.dk/enter/wp-content/deb_steve_orangeflower2.thumbnail.jpg" alt="deb_steve_orangeflower2.jpg" class="imageframe imgalignleft" height="138" width="138" /></a>

  12. June 25th, 2007 at 5:59 pm Jared Schwager says:
    Jared Schwager's Gravatar

    You need to remove the rel=”lightbox[picsXX]“. My plugin automatically inserts the rel tag.

  13. July 2nd, 2007 at 3:11 pm rgger1 says:
    rgger1's Gravatar

    Hey Jared-
    Just uploaded your plgun for my site, I see it on my Mac in both Safari and Firefox. But I have people complaining that they can’t see it in IE 6.0. Any suggestions?

  14. July 8th, 2007 at 7:33 am Cotswold B&B says:
    Cotswold B&B's Gravatar

    Great plugin and so easy to install and use. I much prefer this to lightbox and I use it with the Flexible upload plugin. Took me 5 minutes to get both up and running.

    A nice feature would be an admin panel to allow some form of configuration such as image size, where the titles appear and so on.

    I currently use it to show the pictures of our rooms and will start to use it for the images in our news blog posts

  15. July 14th, 2007 at 10:15 pm Caffeine Overload says:
    Caffeine Overload's Gravatar

    In an earlier post it is said that you can direct Greybox to flash video. I am using the flash media player provided by most hosting provider. It requires a JS script. How do I direct Greybox to use this player.

    The Wiki for the player is located at: http://wiki.dreamhost.com/Flash_Media_Player

    The Code for the player is as follows:

    Get the Flash Player to see this player.

    var FO = { movie:”https://media.dreamhost.com/mediaplayer.swf”,width:”320″,height:”240″,majorversion:”7″,build:”0″,bgcolor:”#FFFFFF”,
    flashvars:”file=https://media.dreamhost.com/sample.flv&showdigits=true&autostart=false” };
    UFO.create(FO,”sample.flv”);

    I am not sure what I have to do to direct GreyBox to use this code and how I keep the player from appearing on the page. I would prefer to have text link to the greybox that uses the player.

    Thank You,
    CO

  16. July 15th, 2007 at 2:42 pm Klaus says:
    Klaus's Gravatar

    Hi,

    just uploaded the plugin to my WP-Blog. But how can I group pictures to an Gallery? Sorry; I am a totally Newbie too use WP-Plugins.

  17. July 15th, 2007 at 9:37 pm Jared Schwager says:
    Jared Schwager's Gravatar

    Caffeine Overload, I don’t know much about the flash player you’re using even after looking at the page you linked to. It seems as if you need to use Javascript on the page to display the video. In that case, you may need to create seperate pages with the video code in them and then link to them that way. If you’re still having trouble, why not try the documentation for GreyBox.

    Klaus, the pictures are automatically grouped for each post you make. If you were to include two thumbnails of pictures linking to their full-size ones in one post on your blog, the plugin will automatically group those pictures for that post. The only feature grouping photos gives you is the next and previous buttons. Hope that helps!

  18. July 20th, 2007 at 12:12 pm craig says:
    craig's Gravatar

    I loaded up the plugin but when the image is clicked, it simply opens in a new window. I am using flexible upload with the “grey box plug-in” option.

    you can see the post here: http://www.craigmolway.com/blog/208/sand-box-page/

  19. July 20th, 2007 at 12:33 pm craig says:
    craig's Gravatar

    I figured it out. I needed to use the “greybox” attribute in flexible upload and not “grey box plug-in”

    great plugin. thanks for the hard work!

  20. July 21st, 2007 at 9:22 am Jens Törnell » Blog Archive » Wordpress som CMS-verktyg says:
    Jens Törnell » Blog Archive » Wordpress som CMS-verktyg's Gravatar

    [...] WP-GreyBox [...]

  21. July 24th, 2007 at 2:10 pm myogenic says:
    myogenic's Gravatar

    Hi

    Just wanted to say thanks for the plugin, works like a charm :)

  22. August 19th, 2007 at 7:48 am WP-GreyBox | わーどぷれすっ! says:
    WP-GreyBox | わーどぷれすっ!'s Gravatar

    [...] WP-GreyBox | Grupenet [...]

  23. November 11th, 2007 at 7:51 pm Off Roader says:
    Off Roader's Gravatar

    Hi all, I seen there is no more support from plug-in developer for this plugin yet maybe somebody can help me.I know in Greybox I can also launch URL’s and like to do so with an Google mao, is there anything to configure for that?? Thanks for any pointers. And yes,…. that’s an fly-by-night thing, I just got the Team Baja Quest Racing asked me to do there page and the site and the Baja Race is in 2 days….. so: Please help!!
    This is the map I like to display with that plugin:
    http://www.puro-off-road.com/map/baja.html

  24. September 25th, 2008 at 3:17 pm Deyson says:
    Deyson's Gravatar

    Hello,

    I have been trying to get greybox to work with Next Gen Gallery
    But no luck, I have tried change the effects to “custom” and add
    class=”greybox” rel=”%GALLERY_NAME%” ……( no luck )

    Please help, I love your plugin :)

    Also is there an easy way to have quicktime video play in your plugin?

    Much thanks

  25. September 29th, 2008 at 3:50 am Peter Iremo says:
    Peter Iremo's Gravatar

    Hi

    Thanks for a great plugin!

    Just one question, can I use the same code for size, center etc in the links, as the “normal” html greybox? Useful when using a page inside the box.

    Peter

  26. October 8th, 2008 at 11:40 am Jared Schwager says:
    Jared Schwager's Gravatar

    To all those who have asked for new features or support for this plugin, please note that I am no longer updating this plugin. It has been replaced with the WP-Lytebox plugin.

  27. November 12th, 2008 at 4:55 pm 13 javascripts Lightbox images, galeries, vidéos | blog.bouctoubou.com - path ton chemin | Graphiste, Webdesigner et Intégrateur XHTML - CSS Freelance says:
    13 javascripts Lightbox images, galeries, vidéos | blog.bouctoubou.com – path ton chemin | Graphiste, Webdesigner et Intégrateur XHTML – CSS Freelance's Gravatar

    [...] WP-GreyBox : La version de greybox pour WordPress. [...]

  28. December 24th, 2008 at 12:18 am WordPress Plugins Used On The Michel Fortin Blog | The Michel Fortin Blog says:
    WordPress Plugins Used On The Michel Fortin Blog | The Michel Fortin Blog's Gravatar

    [...] WP-GreyBox 1.1.1 GreyBox can be used to display websites, images, and other content using AJAX — i.e., a popup box with the darkened background. All images in each post are grouped together into a gallery automatically. (I’m testing this with a variety of features.) [...]

  29. January 15th, 2009 at 8:11 pm WordPress Plugins Used On The Michel Fortin Blog says:
    WordPress Plugins Used On The Michel Fortin Blog's Gravatar

    [...] WP-GreyBox 1.1.1 GreyBox can be used to display websites, images, and other content using AJAX — i.e., a popup box with the darkened background. All images in each post are grouped together into a gallery automatically. (I’m testing this with a variety of features.) [...]

  30. January 16th, 2009 at 9:52 am William says:
    William's Gravatar

    Dear Jared,

    Do you know how to customise the greybox to a lightbox? So I would like to have greybox functionalities but the standard lightbox lay-out.
    Can you help me?
    I searched the greybox forums but apparently they’re dead…
    Thank you in advance for your help.
    Sincerely,

    William.

  31. January 30th, 2009 at 9:41 am Плагины WordPress, используемые на блоге Мишеля Фортина | Сайты и программы для Интернет бизнеса says:
    Плагины WordPress, используемые на блоге Мишеля Фортина | Сайты и программы для Интернет бизнеса's Gravatar

    [...] WP-GreyBox 1.1.1 [...]

  32. March 19th, 2009 at 7:41 pm Jared Schwager says:
    Jared Schwager's Gravatar

    @William: I apologize for the delay in response. I no longer update this plugin. It has been replaced with WP-Lytebox.

  33. April 9th, 2009 at 8:17 am WP-GreyBox追加 | ガンプラ製作DESIRE says:
    WP-GreyBox追加 | ガンプラ製作DESIRE's Gravatar

    [...] WP-GreyBoxって何!? 簡単に言うとlightboxみたいなもんです。 [...]

  34. December 15th, 2009 at 10:03 am Quelques mises à jour sur ce blog « Sur le fil technologique says:
    Quelques mises à jour sur ce blog « Sur le fil technologique's Gravatar

    [...] le plugin WP-Greybox pour l’effet lightbox.. petite [...]

  35. January 1st, 2010 at 12:33 pm Wordpress som CMS-verktyg | jenst.se says:
    Wordpress som CMS-verktyg | jenst.se's Gravatar

    [...] WP-GreyBox [...]

  36. January 31st, 2010 at 9:59 am Will says:
    Will's Gravatar

    im new to this plugin also. i tried installing the plugin to my wordpress site and get nothing. i configured it from my dashboard. Do I need any additional javascript code?

  37. February 22nd, 2010 at 9:49 am Francesca says:
    Francesca's Gravatar

    Hi. In my website http://www.amarillo.it don’t work wp-greybox. Must I only insert a image? thank’s

  38. March 8th, 2010 at 3:42 am Kangen Leaders says:
    Kangen Leaders's Gravatar

    Hi I am trying to use the gb_page_fs[] for external links. How is this syntax supported, if at all?

  39. May 24th, 2010 at 7:20 am Jared Schwager says:
    Jared Schwager's Gravatar

    This plugin is no longer updated. Please see my new WP-Lytebox plugin.

  40. August 10th, 2010 at 3:26 pm Creating a Lightbox Subscription Form in WordPress | SlipFire says:
    Creating a Lightbox Subscription Form in WordPress | SlipFire's Gravatar

    [...] WP-Greybox [...]

Leave a comment

Allowed XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>