14 best jQuery Lightbox Plugins for better website

Today we make collection of best and Efficient jQuery Lightbox Plugins. Light box is nice tool to displays images using modal dialogs and it became very popular because it is very easy to implement. It make you website more friendly and interactive.

I hope you will enjoy this article, and don’t forget to share it!

Lightbox2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

prettyPhoto

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.

fancybox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

ColorBox

Slimbox 2, the ultimate lightweight Lightbox clone for jQuery

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

prototype window

Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose().

Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

Highslide JS

Highslide JS is an open source image, media and gallery viewer written in JavaScript.

Wordpress jQuery Lightbox Plugin

Then, every time you want to use the Lightbox effect, just place a link to the image, and add the rel=”lightbox” attribute to it, in order to activate the effect when the link is clicked. You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album!

Pirobox

Slightly ThickerBox 1.7

Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)

Lightbox Gone Wild Demo

This demo illustrates a few of the possibilities of available to a developer using Particletree’s Lightbox Gone Wild Script. Just click on the links above to see how lightbox can be used to provide additional info, show an image or present a form for user input. Inspired by the work done by Lokesh Dhakar, our version makes it easy to extend a web application’s interface without having to add clutter.

jquery-lightbox

Lightview