11 Stunning JavaScript Lightbox Resources

1. jQuery Facebook Gallery

featured image

This script is a pure javascript/jQuery solution and does not require a PHP server.Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

Changed from Facebook Javascript API to direct Facebook Graph requests via JSON to (hopefully) avoid future “Access Token” requests

Added third lightbox (prettyPhoto)

Added second optional lightbox (fancyBox)

More Details

2. Sky jQuery Touch Carousel

featured image

Coded in object oriented JavaScript. (Minified JavaScript file)

(Non-minified JavaScript source code)

A critical bug has been fixed which was causing integration problems with lightbox plugins such as fancybox.

More Details

3. SuperSocial - jQuery Ajax Social Panel

featured image

Settings are made with javascript.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox

More Details

4. jQuery Flickr Gallery

featured image

This script is a pure javascript/jQuery solution and does not require a PHP server.Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

More Details

5. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. The lightbox can be used when a thumbnail is clicked to display media content.

More Details

6. jQuery UI Modal

featured image

It easy to create modal functionality to the web application (example the modal contact form …) and to replace the basic functionality provided by the standard javascript alert(), confirm(), and prompt() functions.

More Details

7. jQuery Google+/Picasa Gallery

featured image

This script is a pure javascript/jQuery solution and does not require a PHP server.Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

More Details

8. Responsive Gridfolio

featured image

Lightbox Iframe support.Lightbox description autoopen (open item description without pressing the info button).Added an extra way to close the lightbox by pressing outside the item area. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo.Lightbox main features:

2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.

More Details

9. jQueryFacebookWall

featured image

It also includes a Facebook style lightbox to browse photo galleries. Some users where having when trying to like or comment on lightbox images. Added a click event to set focus on the comment box from the comment link in the lightbox.

More Details

10. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Fully Responsive Grid and Lightbox

Lightbox with slideshow (play, pause, auto-play)

Deactivate and Activate Features through Javascript Options

IE was showing fat images in the lightbox and now is fix

Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox

More Details

11. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine

Slider can be put anywhere (lightbox, or any container)

More Details