Lightbox2图片弹窗预览插件在线API文档
- 版本:
- jQuery v1.2.3+
- jQuery lightBox v2.7.1
使用方法
载入 CSS 文件
<link rel="stylesheet" href="lightbox.css">
载入 JavaScript 文件
<script src="jquery.js"></script>
<script src="lightbox.js"></script>
DOM 结构
<a href="image-1.jpg" data-lightbox="image-1" data-title="文字说明">Image #1</a>
<!-- 如果是一组相关的图片,可以对该组图片设置 data-lightbox 属性为相同的值。-->
<a href="img/image-2.jpg" data-lightbox="group">Image #2</a>
<a href="img/image-3.jpg" data-lightbox="group">Image #3</a>
<a href="img/image-4.jpg" data-lightbox="group">Image #4</a>
以上内容设置好即可,会自动调用 Lightbox。
使用说明
参数说明
注意:目前除了修改源码,不能在调用的时候修改参数(因为是自动调用的,并且参数没有暴露到外部),期待以后的更新能完善该功能。