Top 17 Cool Lightbox jQuery HTML Scripts You Shouldn't Miss
Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). 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. 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 – Fixed some bugs related to the lightbox and added better support for mobile detection.
Showbiz Pro Responsive Teaser jQuery PluginTime to go Pro!
) via CSS or HTML or jQuery gallery image option which gives you Unlimited Layout Possibilites. Put the JS and CSS links in the head/footer of your HTML site and build an unsorted list of items and insert your HTML.jQuery 1.jQuery-only Version: Showbiz Pro Responsive Teaser WordPress Plugin
jQuery-only Basic Version: Showbiz Business Carousel jQuery Plugin
Light Weight jQuery and CSS
Customizable 100% via Plugin Parameters / CSS / HTML
Fast CSS3 & jQuery Engine
Fancybox 2 Lightbox Plugin on Multi Domain License included ($89 Value)
Leight Weight jQuery and CSS
support: jQuery 1.0 all jQuery library supported
html pages
lightbox or full page
added html pages – any html content can now be added to a page
added lightbox mode – book can be opened in a lightbox when clicked on a book cover
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible.jQuery capabilities.Extended HTML documentation
“Greetings, this is amazing lightbox! Nice Job! Modern, lightweight and just awesome.
No-Jquery minimum 15KB javascript code by smart compression. All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
HTML caption with animation (390+ caption transitions)
Slider can be put anywhere (lightbox, or any container)
SEO friendly, any html code can be added to each slide, all are exposed directly to flickr search engine
The Griddler jQuery Plugin transforms basic HTML into a fully customizable grid with animated lightbox to display images, video iframes and multimedia content.Each grid can link to a page or display content in a fullscreen animated lightbox
Lightbox supports images, video and iframes of any size
Limited HTML markup lets the plugin do all the heavy lifting
A full CSS3 lightbox is also included with the option to be turned on/off. Images rotate automatically and could have lightbox enabled or disabled.Allows you to create a blog post style element with a lightbox enabled image on the top, and a read more link at the bottom.Lightbox
A full CSS3 (jQuery Fallback for IEs) lightbox is included which can be applied to images used in elemetns.Yes, just one DIV, no complex HTML is required.CSS3 animations + jQuery Fallback for IE
All animations are written in CSS3 for better performance, and old IEs will get jQuery animations.
emloSlightBox is an improved version of the popular Lightbox gallery script. It can effectively open images, HTML content, maps, movies and even more. • Compatible with jQuery 1.• Valid HTML / CSS
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)
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
The jQuery Google+/Picasa image gallery script allows you to show all your Google+/Picasa albums (images) on your website. 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)
FallingMedia is a gallery image jQuery plugin that displays animated falling images/HTML. Takes input via HTML, JSON or external APIs.Produces draggable media objects, opening up in a lightbox
Falling content can be images or HTML
Load media described in HTML code, via JSON, from YouTube or import from other APIs.
jQueryFacebookWall is a jQuery slideshow plugin that will build a timeline or wall style post feed on your website with your Facebook account data. 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.html so plugin doesn’t require php.
The jQuery flickr api Gallery script allows you to show all your Flickr albums (images) on your website. 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)
The jQuery Facebook Gallery script allows you to show all your Facebook albums (images) on your website. 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)
Added third lightbox (prettyPhoto)
Added second optional lightbox (fancyBox)
The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. 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. The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Four display types are included: fluid width, full screen, flexible and lightbox (check out examples!). 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 the target of this webpage can be specified. The lightbox can display images, or it can display videos loaded from YouTube or Vimeo. LIGHTBOX MAIN FEATURES.
SuperSocial – jQuery Ajax Social Panel
SuperSocial is easy to use jQuery Ajax application. Customize this slider with just a little HTML and CSS to your very needs.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox
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. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). 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. 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.