Lightbox-anything

Lightbox anything does what it says; Select element(s) you wish to show in a lightbox and this code does the rest.

Installation

Download or clone files to your project
Make sure you have jQuery included in your project
Include lightboxAnything.js -file to your project
You don't necessarily need npm or gulp for this plugin, but if you wish to modify it, then I suggest you to use them.

Usage

Edit lightboxAnything.js-file with your preferred editor
Select elements you wish to show in a lightbox by adding some kind of selector to the array called 'OBJECTS_TO_LIGHTBOX'. You can do it with vanilla JS or with jQuery like I did.
Select elements that trigger some other element to show up in a lightbox (note: triggers has to have data-target-attribute to work properly.
Refresh the page and try it.
If it is not working, there's either problems with your jQuery or browser.

Modification

If you are using browser that has no support for let- or const variable type, use the legacy/lightboxAnything.legacy.js or legacy/lightboxAnything.legacy.min.js -files.
Lightboxes styles are set from the lightBoxAnything.js-file. Replace or modify them the way you feel.

Demo

You can see the demo from your-project-folder/Lightbox-anything/demo

Notes

This plugin uses let and const -variable types.