当前位置：前端里 > 前端开发 > 正文

　　灯箱效果（Lightbox）是网站中最常用的效果之一，用于实现类似模态对话框的效果。网络上各种 Lightbox 插件琳琅满目，随着响应式设计（Respnsive Design）的发展，这一先进理念也被引入了 Lightbox 插件之中。

　　这篇文章挑选了12款优秀的响应式 Lightbox（灯箱）效果插件分享给大家，这些插件能够帮助你在网站加入引人注目的灯箱效果。

这款响应式灯箱效果插件包含社会化媒体分享功能，效果精美！主要特色：

✓  支持Retina屏幕

✓  可以分享到 Twitter、Facebook、Pinterest 和 Google+

✓  支持移动设备的触摸滑动

✓  能够全屏展示

✓  可以自定义缩略图显示

插件下载     效果演示

非常优秀的一款基于 jQuery 的响应式 Lightbox 效果插件！主要特色：

✓  支持展示视频

✓  支持缩略图模式

✓  支持移动设备的触摸滑动

✓  支持全屏显示

✓  有完善和文档和使用教程

使用简单，垃圾箱，示例代码：

<a data-target="flare" href="large_image.jpg" data-flare-scale="fit" > <img src="small_image.jpg" alt="small image" /> </a>

插件下载     效果演示

fancyBox 是最流行的 Lightbox 插件之一，可以通过 fitToView 实现自适应功能。主要特色：

✓  能够显示图片、HTML元素、SWF影片、iframe框架和Ajax请求的内容

✓  可以通过配置和 CSS 自定义外观和功能

✓  一组内容可以实现导航

✓  支持滚动事件驱动浏览

✓  在放大项目下方有漂亮的投影

插件下载     效果演示

全新版本的 fancyBox，以优雅的方式浏览图片并能够进行缩放。

完全的响应式设计，能够快速响应浏览器的尺寸变化。主要特色：

✓  响应式设计

✓  集成幻灯片功能

✓  漂亮的图片切换效果

✓  文档完整，使用简单

✓  支持高度自定义

插件下载     效果演示

MetroBox 响应式灯箱效果插件内置评论功能，主要特色：

✓  每项内容都带有评论框

✓  能够轻松分组展示

✓  支持移动设备的触摸滑动

✓  使用 Ajax 方式加载

✓  支持所有的 HTML 内容

插件下载     效果演示

Foobox 是一款 WordPress 插件，能够在网站中实现响应式图片灯箱展示，内置社会化媒体分享功能。

精美示例：

插件下载     效果演示

Shadowbox 是一个基于Web 的多媒体应用程序，支持网络上所有主流的媒体格式。

支持高度定制，使用 handleOversize 参数可以实现对浏览器尺寸的自适应，主要特色：

✓  不依赖于框架，能够独立使用

✓  支持用户高度自定义

✓  使用灵活，可以呈现各种多媒体格式。

✓  整洁、紧凑、轻量

✓  能够很好的播放多媒体

插件下载     效果演示

另外一款响应式 Lightbox 插件，界面精美，使用 MIT 许可协议，垃圾箱，对于开发者来说是个好消息。