图片显示控件Lightbox2 用法

下载地址 Lightbox

1. 加载

<link href="/lightbox2-master/dist/css/lightbox.css" rel="stylesheet">
<script src="/lightbox2-master/dist/js/lightbox-plus-jquery.min.js"></script>

2.给图片链接增加一个data-lightbox属性。如：

<a href="images/image-1.jpg" data-lightbox="image-1" data-title="My caption">image #1</a>

3.说明:

文件lightbox.js

$('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) {
      self.start($(event.currentTarget));
      return false;
});

显示的图片<img>外面需要包围上一层标签,该标签上面添加指定属性