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.
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
Website | Demo | Javascript library: jQuery
Colorbox
Website | Demo(example4) | Javascript library: jQuery
Fancybox
Website | Demo | Javascript library: jQuery
ThickBox
Website | Demo | Javascript library: jQuery
Pirobox
Website | Demo(example1) | Javascript library: jQuery
Greybox Redux
Website | Demo | Javascript library: jQuery
PrettyPhoto
Website | Demo | Javascript library: jQuery
Interface Imagebox
Website | Demo | Javascript library: jQuery
nyroModal
Website | Demo | Javascript library: jQuery
FancyZoom
Website | Demo | Javascript library: jQuery
Shadowbox
Website | Demo | Javascript library: jQuery
Slightly Thickerbox
Website | Demo | Javascript library: jQuery
Lightbox for YouTube Videos
Website | Demo | Javascript library: jQuery
CeeBox
Website | Demo | Javascript library: jQuery
popeye
Website | Demo | Javascript library: jQuery
Mootools lightboxes
Slimbox
Website | Demo | Javascript library: MooTools
Videobox(video only)
Website | Demo | Javascript library: MooTools
Milkbox
Website | Demo | Javascript library: MooTools
Litebox
Website | Demo | Javascript library: MooTools
ImageZoom
Website | Demo | Javascript library: MooTools
ReMooz
Website | Demo(example1) | Javascript library: MooTools
mediaboxAdvanced
Website | Demo | Javascript library: MooTools
QuickBox
Website | Demo | Javascript library: MooTools
SqueezeBox
Website | Demo | Javascript library: MooTools
BumpBox
Website | Demo | Javascript library: MooTools
Prototype/Script.aculo.us
Lightview
Website | Demo | Javascript library: Prototype & Script.aculo.us
Lightbox2
Website | Demo | Javascript library: Prototype & Script.aculo.us
Lightbox gone wild
Website | Demo | Javascript library: Prototype & Script.aculo.us
Suckerfish HoverLightbox Redux
Website | Demo | Javascript library: Prototype & Script.aculo.us
WeebBox
Website | Demo | Javascript library: Prototype & Script.aculo.us
YUI
YUI lightbox
Website | Demo | Javascript library: YUI
PhotoViewer
Website | Demo | Javascript library: YUI
Lightbox for YUI 3
Website | Demo | Javascript library: YUI
Javascript
Lytebox
Website | Demo | Javascript library: JavaScript
Image Thumbnail Viewer
Website | Demo | Javascript library: JavaScript
Floatbox
Website | Demo | Javascript library: JavaScript
Tinybox
Website | Demo | Javascript library: JavaScript
TopUp
Website | Demo | Javascript library: JavaScript
Highslide
Website | Demo | Javascript library: JavaScript
If you liked my post then,
Click here to Subscribe to FREE email updates from "itrickz", so that you do not miss out anything that can be valuable to you and your blog!!
0 comments: on "40 JavaScript lightbox scripts(included jQuery and MooTools)"
Post a Comment