20个自适应 Responsive jQuery Lightbox 插件

jQuery Lightbox Plugins are most commonly used on modern websites to show users an image, multiple images or other content using a modal window to improve the user experience. There are lots of jQuery plugins that provides different useful features, but today, we will discuss 20 best responsive jQuery lightbox plugins that help you become more efficient and effective. Let’s have a look!

Lightbox

Lightbox is a script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.The original lightbox script was written eight years ago but still going strong!

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. Version 2 is completely rewritten with new features and updated graphics.

Colorbox

ColorBox is a Lightweight Customizable Lightbox Plugin built with jQuery. It allows you to display photos, grouping, slideshow, ajax, inline, and iframed content with the lightbox effect on the page.

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, responsive layouts and jQuery, here’s SuperBox.

Magnific

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Here you can find the guide on how to use Magnific Popup.

VenoBox

VenoBox is a free responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google-Maps, Ajax requests, Vimeo and 油Tube videos. The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

Highslide JS

Highslide JS is an open source JavaScript software. It allows the whole content of web site to be more attractive and user friendly. Highslide JS is incomparably better alternative to other well known and rather common lightbox scripts. Once you get it up and running, it’s really quite simple to implement and customize.

Frescojs

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. Fresco comes with fullscreen zoom, retina-ready skins, 油Tube and Vimeo integration for HTML5 video and a powerful Javascript API.

Rebox – jQuery Responsive Lightbox

Ever need a clean, simple, quick lightbox for images that is responsive, delegates, pretty, no required images, includes captions? That is exactly what Rebox does. Rebox is a light weight, responsive, mobile friendly jQuery and Zepto lightbox.

jQuery Lighter

jQuery Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.

Featherlight

Featherlight is a very lightweight jQuery lightbox plugin. It’s simple yet flexible and easy to use. Featherlight has minimal css and uses no inline styles, everything is name-spaced, it’s completely customizable via config object and offers image, ajax and iframe support out of the box. Featherlights small footprint weights about 4kB – in total. Therefore it does not provide all functionality imaginable. But, since its small and simple, it can be extended easily.

Fluidbox

Fluidbox is a simple, lightweight, flexible and easy to implement lightbox plugin written in javascript using jQuery and CSS3. Make sure you read about how to use Fluidbox.

Tosrus

The Tos “R”Us is a responsive jQuery plugin for scrolling, swiping, through all different kinds of content. Tos”R”Us is pretty easy to install and setup to create lightbox popup galleries just as easy as “inline” sliders.

flipLightBox

FlipLightBox is a responsive jQuery lightbox 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. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.FlipLightBox is a responsive jQuery lightbox 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. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.

ImageLightbox

ImageLightbox is an extraordinary simple, responsive, touch-friendly lightbox JavaScript. It’s extendable and configurable, minimalistic, and uses CSS transform and transition for moving images. If you need a lightbox only for images, not for videos, text, and iframes at once. I strongly recommend ImageLightbox.js.

Premium jQuery Lightbox Plugins

iLightBox

Sleek, smooth, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers. iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library. It adds beautiful and responsive Lightbox capability to your HTML and WordPress-powered website. Lightboxes automatically resize correctly on all screen resolutions, and allow for easy forward and backward navigation.

JackBox – Responsive Lightbox

JackBox is a Responsive Lightbox with real social sharing. Every image, video and song can be individually shared. This means when someone “likes” one of your photos, when a friend clicks on the shared link, they’ll instantly be shown the exact photo that was originally shared.

Zoomer jQuery Products Showcase – with Lightbox

Zoomer! is a great plugin for showcasing products, with its built-in zoom + panning + dragging features, which can be easily customized due to its flexible theme selector and config parameters, directly from the html file. Also more configurations can be edited through the css style sheet file. It comes with 3 themes, Dark, Light & Compact, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.

jQuery Lightbox Evolution

Lightbox Evolution is one of the best plugin for displaying images, html content, maps, and videos in a “lightbox” style that floats overtop of web page. Using Lightbox Evolution, you can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

NACHO Lightbox – Flat responsive lightbox

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.