The Best 20 Free jQuery Lightbox & Image Gallery Plugin
jQuery lightbox plugins allow you to showcase your web media like images and videos with modal dialogs. It turns out to be very popular as it is simple to implement.
jQuery takes on your websites and transforms your static web pages into an eye-catching and beautiful piece of work. We have a jQuery Lightbox Plugin for decorating websites that helps you present website media ( images, pictures, videos, etc.) in various entertaining and catchy ways that attract and hold visitors to stay on your websites. Here are 20 helpful jQuery Lightbox Plugin for Image Gallery that transforms your static image gallery into an eye-catching and beautiful piece of work.
1 Chocolat.js – Free jQuery Lightbox Plugin
Chocolat.js is a free responsive jQuery lightbox plugin that helps you to display one or several images staying on the same page. The choice is left to the user to group a series of pictures as a link or let them appear as thumbnails.
- It comes with an API and multiples CSS classes, making it very handy for advanced users and easy to use for New Comers.
- Work well with all major web browsers.
- Only 23 kb and reaches 10 kb once minified.
- Works on desktop, tablet & mobile. You can also define your breakpoints.
- Open your image gallery in the entire window, fullscreen, and opened in a container (a block element on the page).
- You can choose to crop the image or make it perfectly fit its parent (be it any block), but it’s still quite unclear.
- You can navigate through the images using your keyboard and assign keys.
2 jQuery TosRUs – jQuery Plugin for Scrolling/swiping
A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet, or Smartphone, inside an HTML element, or as a lightbox popup. Users can create lightbox popup galleries just as easily as “inline” sliders.
- responsive CSS interface for sizing and positioning.
- Create lightbox galleries just as easy as “inline” sliders.
- Drag or swipe to slide to the next/previous slide(s).
- Double-tap or pinch to zoom on images.
- Slides were quickly organized into a gallery.
- It works just as well on a desktop as it does on a tablet or smartphone.
- Highly Customizable
- viewport-scale dependent buttons and caption sizes
- Currently supports showing images, videos, and HTML content.
- Optimized preloading content; not too soon, not too late.
- Retina Ready
3 Lighter – jQuery Lightbox Plugin
Lighter is a jQuery plugin designed to provide gallery view for images like other lightbox plugins.
Download:- jQuery Lighter
4 Magnific Popup – jQuery Lightbox & dialog plugin
5 Video Lightning – jQuery Lightbox Plugin for Videos
Video Lightning is a jQuery Lightbox plugin that converts any element into a lightbox or popover link for YouTube and Vimeo videos.
- Simple access to all embed API options for both providers.
- Lots of options to customize and beautify your lightboxes
- Intelligent popover auto-positioning gravitates to the page center.
- Preview videos on hover, pin if you want them to stick around.
- Lazy loading of videos prevents slow page load due to video embeds.
- Rick Roll with ease
Download:- Video Lightning
6 BlurBox – jQuery Lightbox Plugin
BlurBox is a simple jQuery lightbox plugin that blurs the background. On small screens (<= 480px), that doesn’t make much sense, so the plugin instead switches to a sheet that slides up from the bottom & darkens some background.
7 Fluidbox – jQuery plugin for beautiful lightboxes
FluidBox is a jQuery plugin that replicates and improves the lightbox module seen on Medium with fluid transitions. You are opening images seamlessly in a lightbox on your page without interruption. This project was originally initiated as a personal challenge to replicate Medium’s lightbox module, but it soon developed into a full-fledged jQuery plugin.
8 VenoBox – Responsive jQuery modal Window plugin
VenoBox is a responsive jQuery modal window plugin specially designed for images, inline contents, iFrames, Google Maps, Vimeo, and YouTube videos.
9 Featherlight – lightweight jQuery lightbox plugin
Featherlight is a very lightweight jQuery lightbox plugin. Flexible yet straightforward image, Ajax, iframe supported minimal CSS name-spaced responsive plugin utterly customizable via config object call with custom content.
- Simple yet flexible
- Image, Ajax, iFrame, and custom content support
- Gallery extension
- Minimal CSS
10 Smoothbox lightbox plugin
Smoothbox is a lightweight yet straightforward jQuery lightbox script by Kevin Thornbloom.
- Lightweight [1.7Kb]
- Easy to Preloads images
- Built-in gallery for multiple items
- CSS3 transitions for smoother effects
- Responsive image sizes
11 zoomingBox – jQuery lightbox for a larger Zoomed image
zoomingBox is a jQuery lightbox plugin that enables you to use the lightbox modal as a container for a larger zoomed image.
12 Visual LightBox – mobile-friendly jQuery lightbox plugin
Visual LightBox is a free wizard app that helps you quickly generate popup image galleries with a terrific lightbox overlay effect in a few clicks without writing a single line of code.
Just drag & drop your photos into the Visual LightBox window, press “Publish,” and your picture slideshow with beautiful lightbox effects will instantly open in the browser!
- Cross Browser
- GUI wizard – no coding, just point-&-click
- Mobile Friendly
- Search engine friendly and semantically valid
- An extensive collection of fancy Lightbox themes
- Easy export to Joomla module or WordPress lightbox plugin
- Keyboard navigation
- Floating and smooth cross-fade transition
- Lightweight jQuery Lightbox code (12Kb only)
- Flickr, Photobucket, Picasa support
- Built-in FTP client – upload directly to your server
- Visual insert-to-page
- 31 language interface
Download:- Visual LightBox
13 Swipebox – touchable jQuery lightbox plugin
Swipebox is a touchable jQuery lightbox plugin for desktop, mobile, and tablet.
- Swipe gestures for mobile
- Keyboard Navigation for desktop
- CSS transitions with jQuery fallback
- Retina support for UI icons
- Easy CSS customization
- Video, Images, and Inline content
Lightbox_me is an easy-to-use lightbox plugin for jQuery. Feed it a DOM element wrapped in a jQuery object, and it will lightbox it for you.
- Control overlay resizes when the window change.
- Handles overlay size in cases where the document is smaller than the window
- Handles position: fixed in all browsers
- Position: fixed automatically swaps to position: absolute when the window size is smaller than the modal, so the user can scroll to see the contents
- Tiny footprint (just over 1000 bytes gzipped & compressed)
- Small DOM overhead (adds 1 DOM element for the overlay)
- Dynamic iFrame shim is created and destroyed for the IE 6 select box peek issue
- Supports IE 7+, Firefox 2.5+, Safari, Chrome
15 fancyBox plugin
fancyBox is a simple lightbox plugin that offers a nice and elegant way to add zooming functionality for images, HTML content, and multi-media on your web pages.
16 Fresco plugin
Fresco is a beautifully designed, responsive jQuery lightbox plugin. Developers can use the Fresco plugin to create stunning overlays that work great at any screen size in all browsers on every device.
17 OverBox – Responsive and Touch-Enabled jQuery lightbox plugin
OverBox is a Responsive and Touch-Enabled jQuery plugin that helps you present your content in a modern and fresh way giving your customers a fantastic viewing experience.
- Responsive and Touch Enabled
- Innovative organization of Screen Elements.
- different UI visualization on each device type
- “Highlighting” the content: the attention set on presenting your content.
- Images, iFrame, HTML5 Video, Flash, and Ajax
- 5 Open / Close effects and 5 Navigation effects.
- Multiple Instances per page.
- Keyboard controllable UI.
- Infinite Navigation.
- Three simple steps to Install
- 24 Options to customize
18 Scalable Lightbox
ScalableLightbox is a jQuery plugin for building aesthetically minimalistic, responsive picture lightboxes. Index module for providing an overview with thumbnails and a lightbox module for responsively displaying high-res images.
Download:- Scalable Lightbox
19 Strip Unobtrusive Responsive Lightbox
The strip is an unobtrusive, responsive lightbox that only partially covers the website. It is less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.
Download:- Strip lightbox