当前位置:前端里 > 前端开发 > 正文
【网站开发必备】——12款响应式 Lightbox(灯箱)效果插件灯箱效果(Lightbox)是网站中最常用的效果之一,用于实现类似模态对话框的效果。网络上各种 Lightbox 插件琳琅满目,随着响应式设计(Respnsive Design)的发展,这一先进理念也被引入了 Lightbox 插件之中。
这篇文章挑选了12款优秀的响应式 Lightbox(灯箱)效果插件分享给大家,这些插件能够帮助你在网站加入引人注目的灯箱效果。
1.JackBox这款响应式灯箱效果插件包含社会化媒体分享功能,效果精美!主要特色:
✓ 支持Retina屏幕
✓ 可以分享到 Twitter、Facebook、Pinterest 和 Google+
✓ 支持移动设备的触摸滑动
✓ 能够全屏展示
✓ 可以自定义缩略图显示
插件下载 效果演示
2.Flare非常优秀的一款基于 jQuery 的响应式 Lightbox 效果插件!主要特色:
✓ 支持展示视频
✓ 支持缩略图模式
✓ 支持移动设备的触摸滑动
✓ 支持全屏显示
✓ 有完善和文档和使用教程
使用简单,垃圾箱,示例代码:
<a data-target="flare" href="large_image.jpg" data-flare-scale="fit" > <img src="small_image.jpg" alt="small image" /> </a>
插件下载 效果演示
3.fancyBox 1fancyBox 是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能。主要特色:
✓ 能够显示图片、HTML元素、SWF影片、iframe框架和Ajax请求的内容
✓ 可以通过配置和 CSS 自定义外观和功能
✓ 一组内容可以实现导航
✓ 支持滚动事件驱动浏览
✓ 在放大项目下方有漂亮的投影
插件下载 效果演示
4.fancyBox 2全新版本的 fancyBox,以优雅的方式浏览图片并能够进行缩放。
完全的响应式设计,能够快速响应浏览器的尺寸变化。主要特色:
✓ 响应式设计
✓ 集成幻灯片功能
✓ 漂亮的图片切换效果
✓ 文档完整,使用简单
✓ 支持高度自定义
插件下载 效果演示
5.MetroBoxMetroBox 响应式灯箱效果插件内置评论功能,主要特色:
✓ 每项内容都带有评论框
✓ 能够轻松分组展示
✓ 支持移动设备的触摸滑动
✓ 使用 Ajax 方式加载
✓ 支持所有的 HTML 内容
插件下载 效果演示
6. FooboxFoobox 是一款 WordPress 插件,能够在网站中实现响应式图片灯箱展示,内置社会化媒体分享功能。
精美示例:
插件下载 效果演示
7.ShadowboxShadowbox 是一个基于Web 的多媒体应用程序,支持网络上所有主流的媒体格式。
支持高度定制,使用 handleOversize 参数可以实现对浏览器尺寸的自适应,主要特色:
✓ 不依赖于框架,能够独立使用
✓ 支持用户高度自定义
✓ 使用灵活,可以呈现各种多媒体格式。
✓ 整洁、紧凑、轻量
✓ 能够很好的播放多媒体
插件下载 效果演示
8.YoxView另外一款响应式 Lightbox 插件,界面精美,使用 MIT 许可协议,垃圾箱,对于开发者来说是个好消息。
9.Colorbox