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.