简介

Chocolat是一款实用的响应式jQuery LightBox插件。该LightBox插件可以设置两种图像的显示方式：contain和cover。lightbox中的图像可以放大和平移，还可以全屏显示。Chocolat.js 使您能够显示一个或多个图像在同一页面上。给用户展示一组图片缩略图，可以显示全页或块。Chocolat.js 可以很好地处理所有主要的浏览器。它在下面这些浏览器测试通过：IE7+，火狐，Chrome，Opera 和 Safari 浏览器。

使用

1  引入 jquery.js 和 jquery.chocolat.js 文件

2. HTML

<div id="example1" data-chocolat-title="Set title">
    <a class="chocolat-image" href="img/a.jpg" title="image caption a">
        A <!-- you can display a thumbnail here : <img src="thumb/a.jpg" /> -->
    </a>
    <a class="chocolat-image" href="img/b.jpg" title="image caption b">
        B <!-- you can display a thumbnail here : <img src="thumb/b.jpg" /> -->
    </a>
</div>

3.  调用

$(document).ready(function(){
    $('#example1').Chocolat();
});

相关链接

官网地址 ：http://chocolat.insipi.de/