Foobox is a simple, automatic responsive lightbox plugin for WordPress. It has both a free version and a premium version for additional functionality. Find information on the differences between the free and paid versions of Foobox here.
FooBox > Settings
Default settings work well, but under the Advanced tab, check the option Drop IE7 Support.
Automatic. If you want to have a non-image (e.g. text) link linked to an image or gallery, try the following:
- Just add a class of “foobox” to your links and make sure the link points to an image, for example:
- Group your images into galleries that open in FooBox. Just add a class of “foobox” and the same rel attribute to the links you want to group together, for example:
class="foobox" rel="gallery1" href="image1.jpg"
class="foobox" rel="gallery1" href="image2.jpg"
class="foobox" rel="gallery1" href="image3.jpg"
NOTE: If you use WordPress’ [ gallery ] shortcode, Foobox will automatically create a gallery lightbox so you don’t need to do the above steps.
- FooBox will try to find captions from the link and image titles, but you can be sure by adding data-caption-title and data-caption-desc attributes onto your links, for example:
class="foobox" data-caption-title="A Caption Title" data-caption-desc="A longer caption description" href="image.jpg"