Distinctive Lightbox

Description

Add a stunning lightbox to your website in seconds with Distinctive Lightbox.

Distinctive Lightbox is a lightweight, so you can expect no bloat here. Build using pure JavaScript, the plugin does not require additional libraries such as jQuery – meaning your users are only served the JS they need.

Why not check out the demo and see it in action.

Features Overview

  • Easy to use. The plugin can be activated on any link which leads to an image, or even just links with the class you choose – its up to you.
  • Works with images & YouTube/Vimeo videos out of the box.
  • Show you media meta data (image title/description) via user-controllable captions, automatically.
  • Choose opening/closing/sliding animations to suit your tastes.
  • Image captions can be positioned to suit your needs.

About the plugin

As with most good plugins, Distinctive Lightbox was created to fulfil a need we (DistinctivePixels) had for a bloat-free, simple to use lightbox that works just as well on a desktop as it does in the palm of your hand.

Although a few others offer some good options, we felt we could do better – so here we have our offering.

We wanted the plugin to be as easy to setup as possible, and once its setup, you should be able to forget it. With that the mind we have made the plugin very flexible in how you can turn a regular link into a lovely lightbox.

Want any link which which leads to an image to be a lightbox? No problem! You just want links with a specific class or ID to trigger them? You got it!

The same goes for YouTube/Vimeo links – some other plugins make a fuss over this, or even worse, dont support them! Not here, just like for images, if you want the plugin to sniff out these links and turn them into something pretty – we got you.

Screenshots

  • Choose how you want the lightbox to be triggered.
  • Using Youtube/Vimeo videos? No problem, choose how you want the lightbox to work.
  • Slideshow or not? Its up to you.
  • Choose animations, description position and more.

Installation

  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings -> Distinctive Lightbox admin screen to configure the plugin to your needs.

FAQ

How does the plugin work?

Simply install and head to the plugins setting to configure how you would like Distinctive Lightbox to operate.

What media does Distinctive Lightbox support?

Currently, images and youtube/vimeo videos can all be shown in our lovely lightbox.

Sound like the plugin is heavy, is it?

No, not at all. We made Distinctive Lightbox to be as lightweight as it is simple to use, so much so that we dont even require jQuery! Just our lean and mean JavaScript.

Reviews

October 20, 2020
It works! I finally found a non jQuery lightbox plugin. Now my web site is much faster. Thanks for this plugin!
Read all 1 review

Contributors & Developers

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

Contributors

Translate “Distinctive Lightbox” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.1 (2020-06-30)

Image Handling Tweaks
*Title can description can now be automatically added to nested images.

1.0.2 (2020-07-02)

JS/Caption Improvements
*Searching for media titles/descriptions is now more robust.

1.0.3 (2020-07-02)

Refining content filter
*Searching for media titles/descriptions is now quicker.