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>

172638_vl4p_1011777.jpg

项目主页:http://www.open-open.com/lib/view/home/1407331472551