画廊插件baguetteBox.js

 查看演示  website  立即下载

特点

        用纯JavaScript编写的,无依赖性要求

        多个画廊支持自定义选项

        触屏设备支持刷卡手势

        现代简约风格

        图像字幕支持

        响应的图像

        CSS3转换

        SVG按钮,没有额外的文件下载

使用方法

下载baguetteBox.min.css和baguetteBox.min.js文件并添加到你的页面。

<link rel="stylesheet" href="css/baguetteBox.min.css">
<script src="js/baguetteBox.min.js" async></script>

初始化脚本运行:

baguetteBox.run('.gallery', {
  // Custom options
});

其中第一个参数是一个选择器（或画廊）包含一个标签。HTML代码可能看起来像这样：

<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>

PREVIOUS:
NEXT:
jquery 360度旋转插件Rollerblade
jquery数字动画插件Animate Number