20+ Responsive jQuery Lightbox Plugins

Friday 23rd, June 2017 / 22:33 Written by
20+ Responsive jQuery Lightbox Plugins
548 Flares Twitter 0 Facebook 0 Google+ 7 LinkedIn 0 StumbleUpon 541 Filament.io 548 Flares ×

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 Pop-up – MORE INFO / DEMO

magnific-pop-up

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 Responsive Mobile-Optimized Lightbox Plugin – MORE INFO / DEMO

flare-responsivemobileoptimized-lightbox-plugin

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 – MORE INFO / DEMO

visual-lightbox

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 Lightbox – MORE INFO / DEMO

titan-lightbox

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

fancybox

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.

rLightbox – MORE INFO

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.

Fresco – MORE INFO

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.

jQuery Speedo Pop-up – MORE INFO / DEMO

jquery-speedo-pop-up

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 – MORE INFO / DEMO

foobox

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.

Litebox jQuery Plugin – MORE INFO / DEMO

litebox-jquery-plugin

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb JavaScript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

Shadowbox – MORE INFO

shadowbox

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 browsers without navigating users away from the linking page.

CSS Modal – MORE INFO / DEMO

css-modal

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 – Responsive Lightbox – MORE INFO / DEMO

metrobox-responsive-lightbox

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.

Responsive Lightbox – MORE INFO / DEMO

responsive-lightbox

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 – MORE INFO / DEMO

chocolat

Chocolat is a jQuery lightbox plugin, very light, powerful and easy to use.

JackBox – Responsive Lightbox – MORE INFO / DEMO

jackbox-responsive-lightbox

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.

iLightbox – Revolutionary Lightbox Plugin – MORE INFO / DEMO

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. Sleek, smooth, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers.

Prettyphoto jQuery Lightbox – MORE INFO / DEMO

prettyphoto-jquery-lightbox

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

widgetkit-lightbox

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 HTML5 Revolution – Media Browser – MORE INFO / DEMO

jquery-viewbox-html5-revolution-media-browser

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

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.

548 Flares Twitter 0 Facebook 0 Google+ 7 LinkedIn 0 StumbleUpon 541 Filament.io 548 Flares ×

About the author

Hi I am Pete! I love to work with web design and sometimes dive into some coding. My main focus is WordPress websites.

View all articles by Pete