20个自适应的jQuery灯箱Lightbox插件

jopen 10年前

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!

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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).

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

jQuery Lighter

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

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件

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.

20个自适应的jQuery灯箱Lightbox插件