FooBox Image Lightbox Plugin for WordPress

Laptop and big monitor on desk

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.

More Info

https://fooplugins.com/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.

Share This Post
Get Blog Updates
Looking for something?
Site icon

Don't miss out!

Get our latest articles delivered straight to your inbox!

We have a strict NO SPAM policy.

We use cookies to enhance your experience. By continuing to visit this site, you agree to our use of cookies. Click here for more information.