网页上的图片，为了更好的显示效果，可能需要图片弹出放大显示，本文介绍的方法是采用lightbox插件实现的。
使用lightbox插件需要使用引入两个文件：lightbox.js和lightbox.css。一个用来控制弹出，另一个用来控制显示效果。
先看一下显示效果，如下图：
上图中的前台使用过程是：如果一张图片需要放大显示，我们只需要点击图片，即可弹出显示效果。
下面讲解具体的使用方法：
首先是引入js和css文件：
| <script src="__PUBLIC__/js/lightbox.js"></script> |
其次给页面中需要使用效果的图片添加参数：
需要使用效果的图片，我们需要给img添加上a标签，a标签必须加上一个参数，data-lightbox,并且要给data-lightbox一个唯一标识符作为名称。另外a标签的href参数的值和img的src参数的值，必须相同才可以，都是需要展示的那张图片的路径。
如此就配置好了lightbox到项目中，关于lightbox的问题，配置中有什么问题，可以qq咨询我。
lightbox相关文件下载：
http://pan.baidu.com/s/1i49yhId
密码：posb
宠物免费领养小程序，欢迎来踩
