Learning jQuery

jQuery is a powerful tool that lets you easily optimize and beautify your websites without much efforts. jQuery takes on your websites and transform their dull web pages into eye catching and beautiful piece of work. For decorating websites we have jQuery Lightbox Plugins that help you to present website media ( images, pictures, videos, etc) into various entertaining and catchy ways that attract and hold visitors to stay on your websites.

In this article we have gathered up some of the Best jQuery Lightbox Plugins that will help you to decorate and beautify your websites in a way that will attract your visitors. You have to bookmark this article because you will definitely use one of these plugins in your future designs.

Enjoy the list !!

1. Strip

Strip is a Lightbox that only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

2. Lighterbox

A lighterweight lightbox gallery module. A simple plugin supporting modern mobile and desktop browsers to minimize configuration and hacky code. Customizable.

3. baguetteBox.js

baguetteBox.js is a simple and easy to use lightbox script in pure JavaScript.

4. Rebox

jQuery-Rebox is a light weight, responsive, mobile friendly jQuery and Zepto lightbox.

5. Litebox

A versatile, auto detecting content, lightbox/modal window for use with images, embedded content (YouTube, Vimeo, Daily Motion and KickStarter), iframes and inline html.

6. LightGallery

jQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video gallery.

7. Topup

TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

8. PrettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes andajax. It’s a full blown media lightbox. It also comes with useful APIs so prettyPhoto can be launched from nearly anywhere.

9. jQuery Lightbox Plugin

jQuery LightBox Plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector. lightBox is a plugin for jQuery and it was inspired in Lightbox JS.

10. Facebook Lightbox

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.

11. Fancybox 2

fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built on the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.

12. Slimbox 2

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script, 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.

13. Image Lightbox

ImageLightbox.js is a lightbox only for images, not video, text, and iframes at once. No captions, navigation buttons or background cover by default. Nothing that would distract user from the main purpose.

14. rLightbox

rlightbox is a jQuery UI mediabox that can display many types of content such as images, YouTube and Vimeo videos. It has many unique features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.

15. jQuery TosRus

A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

16. Colorbox

ColorBox is a jQuery Lightbox plugin which is lightweight (9kb) & supports photos, photo groups, slideshow, ajax, inline, and iframed content. The lightbox has a very nicely designed interface which can be improved or customized with CSS. ColorBox is unobtrusive; every option is mentioned in the JS & requires no changes to the existing HTML.

17. Chillbox

ChillBox is a simple, unobtrusive script used to overlay images on top of the current page inspired by Lightbox. Unlike other lightbox versions, ChillBox does not require the use of images for buttons and is fully rendered using jQuery. ChillBox is fully customisable and you can change the range of options to create a unique version of ChillBox that works with a website theme.

18. Fluidbox

Fluidbox is a jQuery plugin that replicate the distraction-free, fluid lightbox seen on Medium, and to improve on it such that it will allow linking to a larger-resolution image. It works on mobile and also plugin deals with higher resolution, linked images elegantly, such that it only preloads them when users click on the thumbnails.

19. Easybox

EasyBox is a lightbox clone based on the light-weight Slimbox2script. It offers a variety of additional features such as displaying youtube and vimeo videos, displaying inline content, displaying iFrames and better animations.

20. Swipebox

Swipebox is a jQuery lightbox plugin that has support for touch events and works well in responsive layouts. It can display a single item or a group of items (gallery) where they can be browsed with swipe gestures or keyboard too.

21. jQuery Superbox

jQuery Superbox! is a jQuery plugin which allows you display windows with the lightbox effect. jQuery Superbox! can display pictures, pictures galleries, external pages, a page element or even AJAX loaded content.

22. iLightbox

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.

23. Boxer

Boxer is a quick and simple way to display images, inline-content or iFramed URLs in a lightbox-style modal.

24. Venobox

Its just another responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google-Maps, Ajax requests, Vimeo and YouTube videos.

25. Picbox

Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox, and available using either the jQuery frameworks. It features automatic resizing andzooming of large images, allowing them to fit in the browser or be viewed at full size.

26. Lightview

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible.

27. Fresco

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.

28. h5-lightbox

h5-lightbox is a jQuery lightbox built on the HTML5 data attribute. It uses HTML5 data attribute to add a larger version of an image then displays that image in a simple lightbox.

29. Superbox

SuperBox is a new jQuery plugin that takes the whole ‘image’ and ‘lightbox’ one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past! Using HTML5 data-* attributes, responsive layouts and jQuery. SuperBox works wonders as a static image gallery, which you can click to reveal a full version of the image.

30. Lightbox_me

Lightbox_me is an essential tool for the jQuery developer’s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you.

31. FlipLightbox

flipLightBox is a free Responsive Lightbox jQuery Plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries. Its main feature is an optional flip effect as each lightbox image opens and closes.

32. Magnific Popup

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device. The majority of lightbox plugins require you to define size of it via JS option.

33. Shadowbox.js

Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browserswithout navigating users away from the linking page.

34. Featherlight

Featherlight is a very lightweight jQuery lightbox. It isresponsive, supports images, ajax and iframes out of the box and range of configuration options, you can adapt it to your needs.

35. Bootstrap Lightbox Plugin

A simple lightbox plugin based on the Twitter Bootstrap modal plugin.