20 Best jQuery Lightbox Plugin for Image Gallery
jQuery lightbox plugins allow you to showcase your web media like images and videos with the help of modal dialogs as well as it turns out to be very popular as it is simple to implement.
jQuery takes on your websites and transform your static web pages into an 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.
Here is a 20 useful jQuery Lightbox Plugin for Image Gallery that transforms your static image gallery into an eye-catching and beautiful piece of work.
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 together a series of pictures as a link or let them appear as thumbnails.
- Chocolat comes with an API and multiples CSS classes which make it very handy to use for advanced users, and very easy to use for noobs.
- Work well with all major web browsers.
- Chocolat.js is only 23 kb and reaches 10 kb once minified.
- Chocolat works on desktop, tablet & mobile, you can also define your own breakpoints.
- Open your image gallery in full window, fullscreen, and opened in a container (a block element on the page).
- You can choose either to crop the image or to make it perfectly fit its parent (be it any kind of block) but it’s still quite unclear.
- You can navigate through the images using your keyboard and assign keys.
2 jQuery TosRUs
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 easy as “inline” sliders.
- Responsive CSS interface for sizing and positioning.
- Creates 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 are automatically grouped 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
Lighter is a jQuery plugin designed to provide gallery view for images like other lightbox plugins.
4 Magnific Popup
Magnific Popup is a responsive lightbox & dialog script plugin with a focus on performance and providing the best user experience for users with any device.
it’s Fast, light, mobile-friendly and responsive lightbox and modal dialog plugin.
5 Video Lightning
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 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
BlurBox is a simple jQuery lightbox plugin which blurs the background On small screens (<= 480px) that doesn’t make much sense, so the plugin instead switches to a sheet which slides up from the bottom and just darkens the background.
FluidBox is a jQuery plugin that replicates and improves the lightbox module seen on Medium with fluid transitions.
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.
VenoBox is a responsive jQuery modal window plugin specially designed for images, inline contents, iFrames, Google Maps, Vimeo, and YouTube videos.
Featherlight is a very lightweight jQuery lightbox plugin. simple yet flexible image, Ajax, iframe supported minimal CSS name-spaced responsive plugin completely customizable via config object call with custom content.
- Simple yet flexible
- Image, Ajax, iFrame and custom content support
- Gallery extension
- Minimal CSS
Smoothbox is a simple yet lightweight 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
zoomingBox is a jQuery lightbox plugin which enables you to use the lightbox modal as a container for a larger zoomed image.
12 Visual LightBox
Visual LightBox is a free wizard app that helps you easily 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 Visual LightBox window, press “Publish” and your own picture slideshow with beautiful lightbox effects will open in the browser instantly!
- Cross Browser
- GUI wizard – no coding, just point-&-click
- Mobile Friendly
- Search engine friendly and semantically valid
- A large 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
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.
- Handles overlay resize when the window is resized
- 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
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 webpages.
Fresco is a beautifully designed responsive jQuery lightbox plugin. Developers can use Fresco plugin to create stunning overlays that work great at any screen size, in all browsers on every device.
OverBox is a Responsive and Touch-Enabled jQuery plugin that helps you present your content in a modern and fresh way giving your customers amazing viewing experience.
- Responsive and Touch Enabled
- Smart organization of Screen Elements.
- Different UI visualization on each device type.
- “Highlighting” the content: the attention is 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.
- 3 easy steps to Install.
- 24 Options to customize
18 Scalable Lightbox
ScalableLightbox is a jQuery plugin for building aesthetically minimalistic, responsive picture lightboxes.
Features an index module for providing an overview with thumbnails as well as a lightbox module, for displaying high-res images in a responsive manner.
19 Strip Unobtrusive Responsive Lightbox
Strip is an unobtrusive responsive lightbox that only partially covers the website. This is less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.