Lightbox2是一款原生的页面弹出层插件，不依赖任何第三方js库，而且体积非常小，压缩后只有8kb，非常适合用来做图片放大展示。

官方及演示地址：http://lokeshdhakar.com/projects/lightbox2/

Github地址： https://github.com/lokesh/lightbox2/

使用Lightbox2

安装或下载方法

下载地址：https://github.com/lokesh/lightbox2/archive/master.zip

也可以使用包管理器Bower、NPM来安装

Bower: bower install lightbox2 --save
NPM: npm install lightbox2 --save

引入项目

<link href="path/to/lightbox.css" rel="stylesheet">
<script src="path/to/lightbox.js"></script>

HTML结构

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

图片组

<a href="images/image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="images/image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="images/image-4.jpg" data-lightbox="roadtrip">Image #4</a>