Adding Functionality: FooBox


FooBox is a brand new WordPress plugin, literally released today. In addition to the features below, it's 100% compatible with NextGEN Gallery.

  • JQuery Lightbox
  • Lightweight
  • Social Sharing
  • Responsive
  • WordPress gallery support
  • Image caption support
  • Custom CSS support
  • Open Graph Meta Data
  • SEO plugin integration
  • Slideshow
  • Keyboard navigation
  • Arrow options
  • Color schemes
"Using the ultra-popular NextGen Gallery plugin? FooBox has got your back with built-in support for NextGen Gallery single images as well as galleries"


So with FooBox, viewers can click on a thumbnail and view the photographs on any screen, no matter what. The photograph will automatically resize itself to fit the screen. You can see a blue color scheme below.


There is built-in support for WordPress SEO, so no damage is done to your photography SEO efforts. In addition to the preset styling, you have the option to use custom CSS or Javascript to further enhance the functionality. If you are using the WordPress SEO plugin's Open Graph feature, a message inside the FooBox settings will show stating "The plugin WordPress SEO By Yoast has been detected, which includes support for OpenGraph meta tags already. The OpenGraph functionality from that plugin will be used instead."


The Lightbox features a slideshow function, so viewers can click, sit back and enjoy the show.

Last, but definitely not least, is the social sharing options. Pick the most important social channels, where you want them to display and instantly the FooBox will adjust. Here is a tweet example:


So as you can see, there are a lot of settings that are available so that the plugin works the way you want (or need) it to.

Add this functionality to your NextGEN Gallery

FooBox is well worth checking out. It's extremely impressive and can fit any blog style that it comes in contact with. FooBox is available starting at $27.

Download FooBox


  1. says

    I bought this plugin the other day and it is great! I especially like the ‘Social Sharing’. And the support is really fast if you have any problems.

  2. Chris says

    Why buying such an expensive plugin when you get something better for free? I use pretty photo and it’s … really pretty!

    • Scott says

      There are a lot of options out there and Pretty Photo is a good plugin, however there are similar styles to Pretty Photo’s modal window already built into NGG. FooBox offers a fresh take on modal windows and includes social sharing.

  3. says

    Pretty-Photo has been my choice for about 3 years now, and just replaced it with Foobox. Sadly Pretty photo is beginning to conflict too much with other plugins so sadly it has had to drop of the radar.

    Also if your site is being viewed on mobile devices, Pretty Photo didnt deliver consistent experiences, Foox Box in one day on my site has already seen a huge improvement, and visitor comments.


  4. Alex says

    Hi guys! Looks like a great plugin! I’m thinking of using it with NextGen gallery. Could you please clarify whether social network buttons would work for each picture individually? thanks

    • Scott says

      They do provide a deep-linking option, so if someone clicks on a social link from an individual photo the same photo will load.

      • Alex says

        Scott, I meant If someone will be flicking through pics on my website and then press FB like button on an individual photo, will it appear on his timeline that he/she liked this particular photo or just an album/an article it photo belongs to? thanks

        • Scott says

          It sure does. It uses Open Graph if you have it enabled on your site, or it has it’s own Open Graph feature if you do not.

  5. Keith says

    I’m considering switching from PrettyPhoto to Foobox. Can anyone tell me how FooBox handles the description field from NextGen Gallery? I need either the description field or a NGG Custom Field to show up in Foobox.

    • Scott says

      The Description shows under the Title when both are there. Take a look at the FooBox demos and you’ll see the Title in place. The Description would be a small font right below it.

    • Mike says

      Hi Keith,
      Did you switch to Foobox? How did it handle NGG custom fields? I styled a custom Thickbox for a client, but now they want custom fields to be displayed, and it’s just not something Thickbox can support. Thinking of switching and re-style foobox.


      • Scott says

        Hi Keith,

        We are using our own NextGEN Pro Lightbox on our website. You’d have to speak with the developers of FooBox and NGG Custom Fields to see how/if they work together.


  6. Will says

    I’ve tested foobox for nextgen on their demo and the like button when clicked does not include the URL when going to Facebook? This was done on the iPhone. I’m very interested in this plugin but if it doesn’t work on the demo then how are we to know for sure that it works? Please give some clarity on why the demo is not working correctly?

  7. says

    Hi –
    I installed the plug-in and the lightbox functionality does not work. When I set the javascript effects to “none”, I get the default NextGen functionality – no navigation arrows or other lightbox effects. Would appreciate some help.
    The site uses WP 3.4.2. Thanks.
    – Tom

    • Scott says

      Hi Tom,

      Not sure why it isn’t working for you, but you’ll have to contact the FooBox people for help related to their plugin.

  8. says

    I installed this plugin today after finding it here. I have to say what a brilliant job they did. I love the sleek look and the built in social integration with semitransparent icons. I found it to be highly customizable. I needed the social icons to be outside above the FooBox. A few minutes with firebug, a code snippet in the custom CSS box, and it was done. I highly recommend it.

  9. Frank says

    I like the Foobox plugin very much and highly recommend it. However, I have a couple of recommendations: I’d like to see the entire gallery run and not just the photos in the gallery page. Also, when the last photo is displayed, do not show the arrow to go to the next photo. As it is now, if you don’t keep an eye on the image counter, you will loop through the gallery again.

  10. Decimus says

    Just added FooBox to our website. Key audience grandparents of our kid who live on the other side of the world. Loving FooBox.

    It work beautifully for [nggallery id=43]

    Is it possible to get FooBox to replace the [slideshow id=43]?

    Typical example from site

    March 2013 – Photo Gallery
    [slideshow id=43]


    Below you can click on the thumbnail image to see a larger image.
    [nggallery id=43 template=caption]

    • Scott says

      FooBox is a lightbox plugin, not a slideshow style – so that wouldn’t be possible. Sorry I can’t help more.

  11. says

    Hi there!

    I purchased FooBox a few weeks ago and it is indeed a great plugin. The best of its kind that I tried and I tried many!

    But the only thing missing to make this perfect is probably a NextGen issue. On some client sites I place several galleries in one page limited to 4 or 5 images and I use the Ajax navigation. When I have several galleries on a page like that, I’m forced to set NextGen with ThickBox but Foobox does not work with that. Could NextGen be updated to have gallery Ajax navigation/pagination but not force the use of ThickBox?


    • Scott says

      Please head over the community forum and hopefully someone can help you out. We will have support once NextGEN Pro is available.

  12. Andrew says

    Hi Scott,

    I’m using FooBox with NextGEN and everything seems to work fine except for single images where I get a conflict – FooBox loads but can’t see the image (little crying face), and when I close FooBox the image is displayed underneath in another lightbox (Pretty Picture?). Right at the top of the page you say…

    “Using the ultra-popular NextGEN Gallery plugin? FooBox has got your back with built-in support for NextGen Gallery single images as well as galleries”

    …but I can’t seem to get it to work. I can use a workaround of putting single images in the WP media library, but that defeats to object of being able to sort images into galleries and albums in NextGEN.

    Any suggestions… am I missing something obvious?

    • Scott says

      Not sure why you’re getting a crying face, but I recommend contacting FooBox about that. They might have a quick answer. Regarding the pretty picture lightbox also showing – it sounds like you have the Pretty Picture plugin also activated. You’d have to disable that as well as any built-in NextGEN Gallery lightbox effects. Otherwise you’ll get multiple.

  13. Andrew says

    Hi Scott,

    OK, I fixed it… thought I’d add here just in case anyone else has the same problem as I’ve spent fruitless hours on this. It wasn’t a setting in NextGEN or FooBox causing the problem… it was Justified Image Grid!

    In JIG settings, on the NextGEN tab there is a list of NextGEN shortcodes for JIG to take over… I unchecked the last one on the list [singlepic] and now everything works just fine.

  14. says

    I really like the way this plugin looks on my iPhone. With one exception- viewing landscape images though the Facebook app for iPhone. The Facebook app for the iPhone doesn’t rotate when viewing a website. Therefore if I send someone to my website through the iPhone Facebook app my landscape images appear tiny on the iPhone. In contrast the portrait images look great. Not sure what it does on Android since I don’t own one. If I just post the photos on Facebook outside of my website they will rotate- just not on my website. Has anyone else noticed this or, figured out a solution besides posting portrait or, square cropped images?

  15. Frank says

    foobox does not seem to be playing well with nextgen pro. when I open an image in a gallery, I do not have the ability to navigate to the next image. the next and previous arrow buttons are not appearing. any thoughts?

  16. Andy says

    That appears to be the case – No next/previous buttons with NextGen Pro, but they are there is I use a none-Pro gallery template!

  17. says

    I use NextGEN Gallery with Foobox styling. There is custom code added in the footer and within FooBox and NextGEN so that when slide show in one of the galleries is viewed, another image (an ad) shows up beside the lightbox. Only thing is that the ad does not show on my iPad… any ideas?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">