20+ Responsive jQuery Lightbox Plugins
On web pages, it is sometimes useful to help visitors focus on a particular piece of content. This can be an image, a gallery, a video, a sign up form etc. The common technique today for this is to use a lightbox and in the mobile era we live in, I would recommend most websites to use responsive jQuery lightbox plugins for the implementation. A responsive lightbox adapts to the users screen size, but still works simply by creating an overlay window with the content in focus. The rest of the web pages is then dimmed out typically by a dark transparent color.
A jQuery lightbox require the jQuery framework and its own script to be included into the page where it is used. To be activated on page elements such as images or a button it is common to use a CSS selector. This helps the lightbox script to identify and add click events to the right elements.
I have collected some of the best jQuery lightbox plugins I have been able to find. Some of the scripts include useful features such as image galleries, social sharing options so be clear about your needs and look carefully before choosing.
Hope you enjoy the post and that you will share it with your friends on social media.
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).
Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.
Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code. Visual LightBox is available as Prototype or jQuery plugin, for Windows and Mac and it is translated to 31 languages!
TITAN is an awesome lightbox gallery script which supports a wide assortment of images, html content, maps, and videos. It is built around jQuery & HTML5 and is both easy to implement and customize.
FancyBox – MORE INFO
rLightbox – MORE INFO
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.
Fresco – MORE INFO
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.
Speedo popup is a small, powerful and real customizable jQuery popup / modal plugin. It is not just a simple popup, Speedo popup is a popup / modal box Plugin, a Notification Plugin, a Lightbox Plugin and an Alert Box Plugin. Speedo Popup plugin is fully responsive. It is designed to provide an optimal viewing experience.
FooBox is the first fully responsive image lightbox plugin for WordPress, with the goal to make your images look beautiful on all devices. FooBox transforms your dull image galleries into an awesome responsive experience, with built-in social sharing andsexy slideshow functionality to boot.
Shadowbox – MORE INFO
This is a modal build out of pure CSS. This modal also works on all screen sizes from a small mobile phone up to high resolution screens. It is also very accessible, media-adaptive, small, fast and has cross-browser support.
MetroBox is a jQuery plugin for displaying photos/videos or anything you want with visitor/user comments ( like social network features ). With this plugin you can show photos/video with their comments and other information. Additional, the responsive design and swipe feature make this plugin can work well on almost platforms.
jQuery responsive lightbox plugin. It shrinks the image to the width & height of the browser. Only handles images so it’s nice and lightweight.
Chocolat is a jQuery lightbox plugin, very light, powerful and easy to use.
Jackbox is a responsive lightbox with real social sharing. It is created to work on all mobile devices even Smartphone’s. This is where every image, video and song can be individually shared.
prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!
Widgetkit Lightbox – MORE INFO
The Widgetkit Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay without having to leave the current page. It also supports YouTube, Vimeo, MP4 (h.264), WebM and FLV movies, has 3 different opening and closing transitions and has responsive design to fit all device resolutions.
jQuery viewbox is a responsive lightbox. It has support for 9 of the most popular video services, has also social media buttons, a possibility to add advert, built in player and a responsive viewbox window.
Yoxview – MORE INFO
YoxView is a free Lightbox-type media and image viewer jQuery plugin. It’s easy to use and feature-rich. The skins are available to customize the viewer’s look and feel. It is also compatible with all major browsers.