Introduction

Automatically add a lightbox link to any images in your pages or posts.

After installing this plugin, each image within a post or page will become a clickable link with a popup lightbox. If the image tag is wrapped in an anchor tag, the href of the anchor will be used to load the higher resolution image.

Rather than use a bloated “off the shelf” ligthbox solution, F13 Lightbox has been written from scratch and utilises 6kB of JavaScript to operate, making it a very lightweight lightbox.

Fully keyboard navigation and screen reader tags.

Usage

Basic usage

As image tags are modified automatically, it is unlikely that you will have to make changes to your pages and posts.

Simply add an image and F13 Lightbox will include it:

<img src="./image.jpg" alt="Description of image" />

If you wisht ot show a thumbnail on your website and have it link to a larger image, wrap the image tag in an anchor tag:

<a href="./image.jpg" title="Enlarge image">
<img src="./thumbnail.jpg" alt="Description of image" />
</a>

Excluding images

There may be times where you do not want a specific image to be included in the lightbox, simply dd the class “no-lightbox” to your image tag and the image will not be included:

<img src="./image.jpg" alt="Description of image" class="no-lightbox" />

For an image wrapped in an anchor tag:

<a href="https://f13.dev" title="Enlarge image">
<img src="./thumbnail.jpg" alt="Description of image" class="no-lightbox" />
</a>

Screenshots

Example view of F13 Lightbox
An image enlarged by F13 Lightbox.

Installing

Installing is as simple as 1,2,3 –

Via WordPress

  1. Navigate to WP Admin > Plugins > Add New
  2. Search for “F13 Lightbox”
  3. Install and activate

Manual

  1. Download the source code
  2. Upload the “f13-lightbox” folder to your “wp-content/plugins” folder
  3. Activate the plugin in WP Admin > Plugins

GitHub

GitHub repository: f13dev/f13-lightbox
Created: October 13, 2021 - 06:18pm
Last commit: October 23, 2021 - 07:44am
Forks: 0
Open issues: 0
Stars: 0
Watchers: 0
Description: N/A
git clone https://github.com/f13dev/f13-lightbox

WordPress

Rating: (0/5 from 0 rating)
Description:Each image within a post or page will become a clickable link with a popup lightbox. This does not use an off the shelf lightbox, instead a custom made 6KB jQuery lightbox helping to reduce overhead o...
Tags:
accessibilityimagelightboxlightweightpopup
Downloads:531
Requirements
Version:1.0.0Requires WordPress:5.0+Tested with WordPress:5.8.10Requires PHP:7.0+Created:October 23, 2021Last updated:October 23, 2021 6:29am

4 tags for "WordPress Plugin: Lightbox"

No comments on WordPress Plugin: Lightbox

Share your thoughts

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.