FooBox Image Lightbox Plugin for WordPress

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.

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"
Share This Post
Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email
Scroll to Top

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.

Skip to content