下载地址 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>
外面需要包围上一层标签,该标签上面添加指定属性