Foobox is a simple, automatic responsive lightbox plugin for WordPress. It has both a free version and a premium version for additional functionality, such as video lightbox capability. Compare the versions here.

Documentation

https://fooplugins.com/documentation/foobox/

Initial Configuration

FooBox > Settings

Default settings work well, but under the Advanced tab, check the option Drop IE7 Support.

Usage

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:

  class=”foobox” href=”image.jpg”

• 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”

Need assistance with this plugin? Let us help.