20個自適應的jQuery燈箱Lightbox插件

jQuery的燈箱Lightbox插件是現代網站最常使用的模態窗口，以改善用戶體驗為用戶展示的圖像，多個圖像或其他內容。有很多jQuery插件，可提供不同的有用的功能，在今天，我們將介紹20個最佳響應式的jQuery燈箱插件，幫助你成為更有效率地完成開發。讓我們一起來看看！

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.