Title: Five Number Lightbox
Author: gvijaikumar99
Published: <strong>July 23, 2026</strong>
Last modified: July 23, 2026

---

Search plugins

![](https://s.w.org/plugins/geopattern-icon/five-number-lightbox.svg)

# Five Number Lightbox

 By [gvijaikumar99](https://profiles.wordpress.org/gvijaikumar99/)

[Download](https://downloads.wordpress.org/plugin/five-number-lightbox.1.3.1.zip)

 * [Details](https://wordpress.org/plugins/five-number-lightbox/#description)
 * [Reviews](https://wordpress.org/plugins/five-number-lightbox/#reviews)
 *  [Installation](https://wordpress.org/plugins/five-number-lightbox/#installation)
 * [Development](https://wordpress.org/plugins/five-number-lightbox/#developers)

 [Support](https://wordpress.org/support/plugin/five-number-lightbox/)

## Description

Click an image in a post and it opens in an overlay instead of loading the raw file
in a new page.

The plugin is about 12KB in total and loads no libraries. No jQuery, no framework,
no external requests, no tracking, no settings page to configure before it does 
anything. On a page with no eligible images, neither the CSS nor the JavaScript 
is loaded at all.

Step-by-step instructions, including how to move over from an older lightbox plugin:
[Five Number Lightbox – setup and usage](https://www.fivenumber.com/five-number-lightbox-wordpress-plugin/)

**It works without editing your posts**

Most lightbox plugins need your images marked up a particular way. This one handles
what is already there:

 * Images inserted with no link at all, which is what the block editor produces 
   by default. The full-size file is found automatically.
 * Images linked to their media file.
 * Images already carrying the classic `rel="lightbox[group]"` markup that several
   older lightbox plugins wrote into post content. These are left exactly as they
   are, so a site with years of old posts keeps the grouping it was published with.

Images in the same post form a set, so you can page through them with the arrow 
keys or the on-screen arrows.

**It does not rewrite your HTML**

Attributes are added to tags that already exist. Nothing is wrapped, moved or re-
nested, so the page structure stays exactly as you wrote it. Images inside `<picture
>` elements keep working, links you added yourself are never hijacked, and an image
inside a link keeps going where you pointed it.

Parsing is done with WordPress’s own HTML API rather than regular expressions, so
quoting and unusual attribute values are handled correctly.

**It tries not to get in the way**

 * Images already displayed at full size are skipped. There is nothing to enlarge,
   so an overlay would just be an extra click.
 * Images smaller than 400px wide are skipped, since those are usually icons or 
   logos.
 * If the full-size file is missing, the overlay closes and the browser follows 
   the link normally rather than trapping the reader behind a dark screen.
 * Ctrl-click, Cmd-click and middle-click still open the image in a new tab.

**Keyboard and accessibility**

 * `Esc` closes, left and right arrows move between images.
 * Focus moves into the overlay when it opens, stays inside it while open, and returns
   to the image you clicked when it closes.
 * The dialog is exposed with `role="dialog"` and `aria-modal`, and the image counter
   is announced.
 * `prefers-reduced-motion` is respected.

**Mobile**

Swipe left and right to move between images. Vertical drags are ignored so scrolling
does not page the set. Your place on the page is kept when the overlay closes. Neighbouring
images are not preloaded when the browser reports that the reader has asked to save
data.

## Installation

 1. In your admin, go to **Plugins > Add New > Upload Plugin** and upload the zip, 
    or search for “Five Number Lightbox” under **Plugins > Add New**.
 2. Activate it.

There is nothing to configure. If you are replacing another lightbox plugin, deactivate
that one first so the two do not both react to the same click.

## FAQ

### Do I have to change how I insert images?

No. Insert images the way you already do. If an image has no link, the plugin finds
the full-size file for you.

### I am moving from an older lightbox plugin. Will my old posts break?

No. Content already containing `rel="lightbox[group]"` is left untouched and works
as it always did, including the grouping.

### Why do some images not open in a lightbox?

Four cases are skipped on purpose: images already shown at their full size, images
narrower than 400px, images that are not in your media library, and images inside
a link you added yourself. In the last case your link is more important than an 
overlay, so it is left alone.

### Can I change the 400px cut-off?

Yes, with the `fnlb_min_width` filter:

    ```
    add_filter( 'fnlb_min_width', function () { return 250; } );
    ```

### Can I turn it off on certain pages?

Yes. `fnlb_enabled` controls whether the CSS and JavaScript load, and `fnlb_rewrite_content`
controls whether image markup is touched:

    ```
    add_filter( 'fnlb_enabled', function ( $on ) { return ! is_front_page(); } );
    ```

### Does it work with galleries?

Images in a gallery block are handled the same way as any other image in the post,
and all images in a post form one set.

### Does it send any data anywhere?

No. There are no external requests, no analytics and no phoning home.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Five Number Lightbox” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ gvijaikumar99 ](https://profiles.wordpress.org/gvijaikumar99/)

[Translate “Five Number Lightbox” into your language.](https://translate.wordpress.org/projects/wp-plugins/five-number-lightbox)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/five-number-lightbox/),
check out the [SVN repository](https://plugins.svn.wordpress.org/five-number-lightbox/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/five-number-lightbox/)
by [RSS](https://plugins.trac.wordpress.org/log/five-number-lightbox/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.3.1

 * First public release.
 * Image markup is parsed with WordPress’s HTML API rather than regular expressions,
   and attributes are added to existing tags instead of wrapping them, so post markup
   is never restructured.
 * The CSS and JavaScript are only loaded on pages that actually have images to 
   show.
 * Attachment lookups are batched into a single query per post.

## Meta

 *  Version **1.3.1**
 *  Last updated **2 days ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.2 or higher **
 *  Tested up to **7.0.2**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [gallery](https://wordpress.org/plugins/tags/gallery/)[Image viewer](https://wordpress.org/plugins/tags/image-viewer/)
   [images](https://wordpress.org/plugins/tags/images/)[lightbox](https://wordpress.org/plugins/tags/lightbox/)
   [popup](https://wordpress.org/plugins/tags/popup/)
 *  [Advanced View](https://wordpress.org/plugins/five-number-lightbox/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/five-number-lightbox/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/five-number-lightbox/reviews/)

## Contributors

 *   [ gvijaikumar99 ](https://profiles.wordpress.org/gvijaikumar99/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/five-number-lightbox/)