创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商，新人活动买多久送多久，划算不套路！
创新互联建站专注于网站制作、
网站建设、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户，用严谨的态度对待客户，用专业的服务创造价值，成为客户值得信赖的朋友，为客户解除后顾之忧。
小编给大家分享一下如何用JS开发baguetteBox.js响应式画廊插件，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨方法吧！
baguetteBox.js
baguetteBox.js 是一个简单和易于使用lightbox纯JavaScript脚本，拥有图像放大缩小并带有相应的CSS3过度，并能在触摸屏等设备上完美展示。
Demo页面
github
中文使用
特点
- 纯JS编写，无任何依赖
- 支持多重画廊(Multiple-gallery)效果, 且允许自定义参数
- 支持手势滑动(仅在支持多点触控设备上)
- 现代简约风格
- 图像字幕支持
- 响应式的图像
- CSS3转换
- SVG按钮,没有额外的文件下载
- 压缩后大约2.3KB
安装方法
使用npm安装
npm install baguettebox.js
使用Bower
bower install baguettebox.js
通用安装方法安装
下载baguetteBox.min.css和baguetteBox.min.js文件并添加到你的页面:
网站名称：如何用JS开发baguetteBox.js响应式画廊插件-创新互联
网站地址：
http://cdkjz.cn/article/djhsid.html
