燈箱效果（Lightbox）是網站中最常用的效果之一，用於實現類似模態對話方塊的效果。網路上各種 Lightbox 外掛琳琅滿目，隨著響應式設計（Respnsive Design）的發展，這一先進理念也被引入了 Lightbox 外掛之中。
這篇文章挑選了12款優秀的響應式 Lightbox（燈箱）效果外掛分享給大家，這些外掛能夠幫助你在網站加入引人注目的燈箱效果。
1.JackBox
這款響應式燈箱效果外掛包含社會化媒體分享功能，效果精美！主要特色：
- 支援Retina螢幕
- 可以分享到 Twitter、Facebook、Pinterest 和 Google+
- 支援移動裝置的觸控滑動
- 能夠全屏展示
- 可以自定義縮圖顯示
2.Flare
非常優秀的一款基於 jQuery 的響應式 Lightbox 效果外掛！主要特色：
- 支援展示視訊
- 支援縮圖模式
- 支援移動裝置的觸控滑動
- 支援全屏顯示
- 有完善和文件和使用教程
使用簡單，示例程式碼：
1
2
3
<a data-target="flare" href="large_image.jpg" data-flare-scale="fit" >
<img src="small_image.jpg" alt="small image" />
</a>
3.fancyBox 1
fancyBox 是最流行的 Lightbox 外掛之一，可以通過 fitToView 實現自適應功能。主要特色：
- 能夠顯示圖片、HTML元素、SWF影片、iframe框架和Ajax請求的內容
- 可以通過配置和 CSS 自定義外觀和功能
- 一組內容可以實現導航
- 支援滾動事件驅動瀏覽
- 在放大專案下方有漂亮的投影
4.fancyBox 2
全新版本的 fancyBox，以優雅的方式瀏覽圖片並能夠進行縮放。
完全的響應式設計，能夠快速響應瀏覽器的尺寸變化。主要特色：
- 響應式設計
- 整合幻燈片功能
- 漂亮的圖片切換效果
- 文件完整，使用簡單
- 支援高度自定義
5.MetroBox
MetroBox 響應式燈箱效果外掛內建評論功能，主要特色：
- 每項內容都帶有評論框
- 能夠輕鬆分組展示
- 支援移動裝置的觸控滑動
- 使用 Ajax 方式載入
- 支援所有的 HTML 內容
6. Foobox
Foobox 是一款 WordPress 外掛，能夠在網站中實現響應式圖片燈箱展示，內建社會化媒體分享功能。
精美示例：
7.Shadowbox
Shadowbox 是一個基於Web 的多媒體應用程式，支援網路上所有主流的媒體格式。
支援高度定製，使用 handleOversize 引數可以實現對瀏覽器尺寸的自適應，主要特色：
- 不依賴於框架，能夠獨立使用
- 支援使用者高度自定義
- 使用靈活，可以呈現各種多媒體格式。
- 整潔、緊湊、輕量
- 能夠很好的播放多媒體
8.YoxView
另外一款響應式 Lightbox 外掛，介面精美，使用 MIT 許可協議，對於開發者來說是個好訊息。
9.Colorbox
Colorbox 是一款輕量的 jQuery 燈箱效果外掛，可以通過 scalePhotos 引數實現自適應。主要特色：
- 支援分組、幻燈片、Ajax、內聯和 iframe 內容。
- 輕量，只有10KB
- 可以使用 CSS 修改外觀
- 能夠通過回撥和事件鉤子擴充套件
- 支援預載入圖片功能
使用簡單，示例程式碼：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// Examples:
// Image links displayed as a group
$('a.gallery').colorbox({rel:'gal'});
// Ajax
$('a#login').colorbox();
// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});
// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});
// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
var url = $(this).attr('href');
return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});
10.rlightbox
這是一款基於 jQuery UI 的響應式 Lightbox 外掛，主要特色：
- 支援圖片、動畫、視訊等多種形式的內容
- 可以使用 ThemeRoller 定義外觀
- 支援鍵盤快捷導航
- 良好的錯誤處理機制
- 輕量，使用簡單
11.Fresco
Fresco 是非常漂亮的一款燈箱效果外掛，功能強大，介面設計經典，主要特色：
- 支援顯示圖片、視訊、HTML、Ajax、SWF 和 iframe 內容
- 支援 YouTube、Vimeo、MP4、WebM 和 FLV 視訊
- 支援鍵盤和滑鼠滾動導航
- 4套主題，3種不同的切換效果
- 可以整合到 Joomla 和 WordPress
12.Yootheme
最後這款響應式 Lightbox 外掛，來自 YooTheme 主題網站，主要特色：
- 支援顯示圖片、視訊、HTML、Ajax、SWF 和 iframe 內容
- 支援 YouTube、Vimeo、MP4、WebM 和 FLV 視訊
- 支援鍵盤和滑鼠滾動導航
- 4套主題，3種不同的切換效果
- 可以整合到 Joomla 和 WordPress