40 JavaScript lightbox scripts(included jQuery and MooTools)

Now Reading
40 JavaScript lightbox scripts(included jQuery and MooTools)

More an more sites are using(or going to use) JavaScript(library or plain) on there website(s). You probably dont see much of these javascript pieces, but one cool piece of JavaScript cant be missed, and it’s called a lightbox.

A JavaScript ligthbox is a fast growing way to present in a nice way an images or something else like inline html, video or an external site without opening a new window. In the old days most images(or other content) where presented in a new tab/window, which isn’t a pretty way to do this if you ask me.

Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.x

 

There are a lot of JavaScript library available, so i included a couple of these library’s in this small list. Most of these scripts support all kind of content, just visit here website to see what kind of content they support(a lot of these scripts are updated frequently).

I have included jQuery, Mootools, Yahoo YUI, Prototype, Script.aculo.us and good old plain JavaScript.

 

 

jQuery lightboxes

 

jQuery-Lightbox-Plugin

jQuery Lightbox Plugin

Website | Demo | Javascript library: jQuery

 

 

colorbox

Colorbox

Website | Demo(example4) | Javascript library: jQuery

 

 

fancybox

Fancybox

Website | Demo | Javascript library: jQuery

 

 

thickbox

ThickBox

Website | Demo | Javascript library: jQuery

 

 

pirobox

Pirobox

Website | Demo(example1) | Javascript library: jQuery

 

 

greybox-redux

Greybox Redux

Website | Demo | Javascript library: jQuery

 

 

prettyphoto

PrettyPhoto

Website | Demo | Javascript library: jQuery

 

 

Interface-Imagebox

Interface Imagebox

Website | Demo | Javascript library: jQuery

 

 

nyromodal

nyroModal

Website | Demo | Javascript library: jQuery

 

fancyzoom

FancyZoom

Website | Demo | Javascript library: jQuery

 

 

shadowbox

Shadowbox

Website | Demo | Javascript library: jQuery

 

 

Slightly-Thickerbox

Slightly Thickerbox

Website | Demo | Javascript library: jQuery

 

Lightbox-for-YouTube-Videos

Lightbox for YouTube Videos

Website | Demo | Javascript library: jQuery

 

 

ceebox

CeeBox

Website | Demo | Javascript library: jQuery

 

 

popeye

popeye

Website | Demo | Javascript library: jQuery

 

 

Mootools lightboxes

 

 

slimbox

Slimbox

Website | Demo | Javascript library: MooTools

 

 

videobox

Videobox(video only)

Website | Demo | Javascript library: MooTools

 

 

milkbox

Milkbox

Website | Demo | Javascript library: MooTools

 

 

litebox

Litebox

Website | Demo | Javascript library: MooTools

 

 

imagezoom

ImageZoom

Website | Demo | Javascript library: MooTools

 

 

remooz

ReMooz

Website | Demo(example1) | Javascript library: MooTools

 

 

mediaboxAdvanced

mediaboxAdvanced

Website | Demo | Javascript library: MooTools

 

 

quickbox

QuickBox

Website | Demo | Javascript library: MooTools

 

 

SqueezeBox

SqueezeBox

Website | Demo | Javascript library: MooTools

 

 

bumpbox

BumpBox

Website | Demo | Javascript library: MooTools

 

 

Prototype/Script.aculo.us

 

 

lightview

Lightview

Website | Demo | Javascript library: Prototype & Script.aculo.us

 

 

lightbox2

Lightbox2

Website | Demo | Javascript library: Prototype & Script.aculo.us

 

 

lightboxgonewild

Lightbox gone wild

Website | Demo | Javascript library: Prototype & Script.aculo.us

 

 

Suckerfish-HoverLightbox-Redux

Suckerfish HoverLightbox Redux

Website | Demo | Javascript library: Prototype & Script.aculo.us

 

 

weebbox

WeebBox

Website | Demo | Javascript library: Prototype & Script.aculo.us

 

 

YUI

 

 

yuilightbox

YUI lightbox

Website | Demo | Javascript library: YUI

 

 

photoviewer

PhotoViewer

Website | Demo | Javascript library: YUI

 

 

lightboxyui3

Lightbox for YUI 3

Website | Demo | Javascript library: YUI

 

 

Javascript

 

 

lytebox

Lytebox

Website | Demo | Javascript library: JavaScript

 

 

Image-Thumbnail-Viewer

Image Thumbnail Viewer

Website | Demo | Javascript library: JavaScript

 

 

floatbox

Floatbox

Website | Demo | Javascript library: JavaScript

 

 

tinybox

Tinybox

Website | Demo | Javascript library: JavaScript

 

 

topup

TopUp

Website | Demo | Javascript library: JavaScript

 

 

highslide

Highslide

Website | Demo | Javascript library: JavaScript

 

Written by: OSH Editorial