Simple & small, pure javascript lightbox (dialog overlay)?

Question

Does anyone know of a small, limited functionality lightbox built with pure javascript? This is for an embeddable widget, thus the reason of not using jquery. All I really need is creating an overlay for a specific div or simply by passing some HTML.

I've rolled back a couple of edits here which attempted to make this question on-topic by eliminating the off-topic request for resources. Unfortunately, the question started out being *only* a request for resources and all of the existing answers are responding to that request by giving links to resources. There is no way to change *this* question such that it's not asking for resources without invalidating the answers, which isn't permitted. — Makyen, Mar 30 '21 at 00:20
If there were already answers which provided more than just resources, the question might be able to be edited to be on-topic and, perhaps, the answers which just provided resources deleted. That's not the case here. The only way to have the question be on-topic would be to completely rewrite the question and delete all the answers. That's effectively the same as just asking a new question. So, if someone wants a question which is similar to this, but which asks how to create a lightbox, rather than asking for resources, then [ask that question](https://stackoverflow.com/questions/ask). — Makyen, Mar 30 '21 at 00:21

Josh Leitzel · Accepted Answer · 2013-05-21T20:22:24.750

9

There's a great list/comparison of lightboxes here. You can quickly scan which require a JS library (jQuery, MooTools, etc.) and which don't, and you can also see what features each supports. There's a sizable chunk of them that don't use any JS library, so you should be able to easily find one to suit your needs.

Here's a few to get you started:

edited May 21 '13 at 20:22

answered Aug 27 '10 at 15:50

Josh Leitzel

15,089
13
59
76

The link to Floatbox has a certificate issue. That's the problem with answers of this nature! – MrUpsidown Mar 29 '21 at 09:31

score 1 · Answer 2 · answered Feb 16 '14 at 00:05

1

I am currently developing a light responsive Lightbox just for images, without the need for jQuery etc... and with IE8+ Support.

You can download it here

Please report any bugs or issues. Thanks!

answered Feb 16 '14 at 00:05

Felix Hagspiel

2,634
2
30
43

Link only answer and the link doesn't work. – MrUpsidown Mar 29 '21 at 09:33

score 0 · Answer 3 · answered May 19 '13 at 19:53

0

I was looking for a more of a light weight modal dialog, and I found Zebra Dialog which uses Jquery.

http://stefangabos.ro/jquery/zebra-dialog/

answered May 19 '13 at 19:53

Nate Flink

3,934
2
30
18

1

Zebra is a nice drop in to mimic the various windows MessageBoxes (info, error, warning, etc). – Perry Tew Jun 12 '13 at 00:35

Simple & small, pure javascript lightbox (dialog overlay)?

3 Answers3

Linked