Lightbox组件:baguetteBox.js
jopen
10年前
baguetteBox.js 是一个简单、易于使用的纯 JavaScript lightbox组件。特性:
-
纯 JavaScript 实现,无需依赖其他库
-
支持触摸屏设备手势操作
-
支持显示标题(说明)
-
支持响应式图像
-
支持CSS3过渡
-
使用 SVG 按钮,没有多余的文件下载
-
启用 gzip 压缩后仅 2KB
Initialize the script by running: baguetteBox.run('.gallery', { // Custom options }); where the first argument is a selector to a gallery (or galleries) containing a tags. The HTML code may look like this: <div class="gallery"> <a href="img/2-1.jpg" data-caption="Image caption"><img src="img/thumbs/2-1.jpg"></a> <a href="img/2-2.jpg"><img src="img/thumbs/2-2.jpg"></a> ... </div>