如何用JS开发baguetteBox.js响应式画廊插件-创新互联

创新互联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文件并添加到你的页面: