10 jQuery Lightbox Demo

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.

Today we listed Top 20 JavaScript Light box Demo etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

1. pirobox – jQuery lightbox

   

   Pirobox – jquery light box is developed by PIROLAB. pirobox – jQuery lightbox completely Built with jQuery library. Automatically resizes images based on browser window size. pirobox Browser compatibility : FireFox 2-3, Opera 9.0, Chrome, Safari (Mac/Windows), Internet (damned) explorer 6-7-8.

2. Fullsize – A new IMG Tag Attribute :

   

   The Full-size – A new IMG Tag Attribute next version of HTML from addfullsize.  Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. There are MANY fantastic javascript/AJAX solutions out there to view a larger version of an image by displaying it as a in-page pop-up or lightbox pop-up.

3. boxy – Facebook like lightbox plugin

   

   Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I’ve seen by providing an object interface to control dialogs after they’ve been created.

4. FancyBox-Jquery:

   

   FancyBox is tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.  It was built using the jQuery library. Licensed under the MIT License. easily Customizable through settings and CSS.

5. jQuery Lightbox Plugin (balupton edition) :

   

   jQuery Lightbox Plugin (balupton edition) is a light weighted (Only 21KB in size ) unique Lightboxes which add Titles and descriptions for images. Automatically additional files are included . So you only have to include one js file, and it does the rest. Easily configurable via many options, and extensible via custom events. So no file modifications are required. Lightbox automatic scroll and resize functionality .

6. jQuery Superbox! :

   

   jQuery Superbox! is a plugin for jQuery which allows you to create easily customizable modal windows like lightbox effect. This script is a plugin for jQuery only use the rel attribute of an element for launch the script & href attribute is used for defining the source to be displayed in modal windows . easily Customizable. Superbox doesn’t set any style, everything is easily and entirely CSS stylable. you can change the look as per you requirement. it released under MIT license. this license allows you to use, duplicate, modify, publish, distribute, merge, sell and even change the script license. Your only obligation is to keep the script’s author name.

7. New JavaScript Popup Box -TinyBox

   

   TinyBox is a lightweight {Almost 3.5KB} modal window script.it allows you to add any AJAX or HTML content and can also be used for images and auto hiding alerts. The popups fade in/out and dynamically size based on the loaded content if enabled.you can Easily customize the style of pop-ups fade in /out through the simple CSS .

   Tiny Box has been tested on Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome. This script is available free of charge for any project, personal or commercial, under the creative commons license .

8. FancyZoom For jQuery :

   

   FancyZoom For jQuery is nice lightbox alternative which has a Mac-like zoom effect . it Designed to view full-size photos and images inline without requiring a separate web page load. it mainly focus on the smoothest, most polished zooming animation possible, Automatically scales images from any image link, with no HTML changes,Preloads full-size images in the background on link mouse over, No resource-heavy JavaScript libraries — 100% coded from scratch to zoom, it Uses Safari 3’s "box-shadow" feature to draw the drop shadow natively, no images required. with only two new lines of code added in your HTML to use fancyzoom. it has been tested on Safari, Firefox, IE7, and IE6. (Looks better in modern browsers.)

9. NyroModal box :

   

   NyroModal box is W3C valid jquery plugin for lightbox. Ability to block only one element. easily Customizable animation and  look of lightbox.  It can display any type of HTML objects:

   • Form with file upload with targeting content
   • Form with file upload
   • Form with targeting content
   • Form in iframe
   • Form
   • Gallery with any kind of content
   • Images Gallery with arrow navigating
   • by showing a hidden DOM element
   • Single Image
   • with Ajax requests
   • Iframe

   Besides the features mentioned, you can target the content inside an Ajax request or a form, resize the modal window from an Ajax request & more.

10. Shadowbox:

    

    shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. like ; Flash, QuickTime, and Windows Media Player browser plugins. Windows media files are supported on the Mac via the Flip4Mac QuickTime plugin.

    Shadowbox is highly customizable online media viewer application written entirely in JavaScript and CSS and it has been tested on Internet Explorer 6+, Firefox 1.5+, Safari 2+ , Chrome 1 and Opera 9+ and all JavaScript Frameworks. Shadowbox can be used easily with the popular JavaScript frameworks as it already has adapters for jQuery, Prototype + Scriptaculous, Ext.js & Yahoo! User Interface Library.