20 个最好的 jQuery Lightbox 插件

jopen 10年前

Lightbox是一种JavaScript技术,采用模式对话框来展示图片和其它Web内容。下面介绍 20 个最好的 jQuery Lightbox 插件。

TheZoom Lightbox

TheZoom is a premium multi-purpose jQuery lightbox library for smart, fast, modern and comfortable images and pictures preview, fitted and responsive to any site with natural and intuitive effects.
TheZoom Lightbox is friendly supported by responsive mode, touch on mobile devices; and uses such techniques as lazy load for optimal performance.



Image Lightbox

Image Lightbox is a ascetic, minimalistic, extensible & configurable, responsive and touch-friendly, iOS, Android and Windows Phone compatible lightbox plugin. It preloads the next picture which shows up without any delay using CSS transform and transition.



Colorbox

Colorbox is a lightweight 10kb jQuery (less than 5KBs gzipped) plugin, which supports photos, grouping, slideshow, ajax, inline, and iframed content. The plugin preloads upcoming images in a photo group, and can be extended with callbacks & event-hooks without altering the source files.



FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It's customizable through settings and CSS and support fancy transitions by using easing plugin. If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well.



prettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, 油Tube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6.



iLightBox

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.
By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible.



rLightbox

rlightbox is a jQuery UI mediabox that can display many types of content such as images, 油Tube and Vimeo videos. It has many unique features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.



ZoomScript

ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works in both modes portrait and landscape. An extra thumbnail bar has been added, which will show after tap on the screen.



Lightbox Evolution

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



Lightbox_me

Lightbox_me is just a 1kb (gzipped & compressed) jquery Lightbox that allow you to add Lightbox to DOM  elements. Feed it a DOM element wrapped in a jQuery object and Lightbox_me will handle the rest.



Slimbox 2

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.



ChillBox

ChillBox is a JQuery Plugin is a simple, unobtrusive script used to overlay images on top of the current page. It can be used for link anchor attributes. ChillBox has been tested with IE6, IE7, IE8, Firefox, Google Chrome, Opera and Safari.




Lightview

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create custom overlays using the powerful Javascript API.



Portfolio Grids - HTML/CSS/JS

Portfolio Grids helps you to add responsive portfolio or galleries to your website. Present your work in so many ways. This item comes with over 40 super customizable layouts and 19 hover styles to choose from. Tons of ready to use options make it very easy to add borders, backgrounds, different meta styles and so on.



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



Pinch Zoomer

Pinch Zoomer is an easy to setup jQuery plugin for mobile and desktop that adds pinch to zoom / mouse scroll zoom function to your images. Using IOS, Android, laptops, desktops or even an old browser such as IE7 should be no problem with this plugin.



Flipping Lightbox 3D

FlipLightBox.js is a responsive jQuery lightbox plugin that is focused on providing fancy 3d flipping effect with css3 and javascript.



Cube Porfolio

Cube Portfolio is a powerful jQuery plugin that provides beautiful animated filtering, custom captions and it’s perfect for portfolios, galleries, team members, blog posts or any other ordered content.
It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive layouts.



Swipebox

Swipebox is a jQuery lightbox plugin for desktop, mobile and tablet. It features CSS transitions with jQuery fallback, retina support for UI icons, keyboard navigation for desktop, and swipe gestures for mobile.


Nivo Lightbox

Nivo Lightbox is a lightweight 7kb flexible, responsive and retina-ready jQuery plugin. The Nivo Lightbox is designed to automatically detects the type of content you are trying to show and loads it correctly. No extra setup required. So no matter if you are trying to show images, image galleries, AJAX, Flash, 油Tube or Vimeo videos, another website or just inline HTML, Nivo Lightbox has you covered.