创新互联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://lswzjz.com/article/djhsid.html