算不算轻量级的呢？我也不知道，但js代码只有20kb不到，应该算吧！

言归正传，演示见本站的图片吧

作者插件地址：https://lokeshdhakar.com/projects/lightbox2/

主要是作者不断的更新，一直保持着插件适应最新的jquery库，所以我觉得很值得推荐。

首先看下html代码结构：

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

你可以将Image #1 改成img标签的图片，该插件点击这个a标签触发图箱效果。

当然，必须带有data-lightbox属性的a标签。

然后引入插件的js和css：

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

如果一个页面有好几个图片，你想把变成相册预览模式，只需将data-lightbox属性设置为同一个即可。

最后一步是关键，如何将WordPress的图片添加这个效果呢？
我这个方法是直接用jquery设置：

    $('img').each(function(){
		var dataTitle = $(this).attr('alt');
		$(this).parent().attr({'data-lightbox' : 'hilau.com', 'data-title' : dataTitle});
	}); 

为了方便图片和相册同时拥有图箱的效果，我直接data-lightbox设置为hilau.com。

备注：
data-title标签：给图箱的图片添加描述，即在图片下方显示的，我这个直接获取为图片的描述；
data-alt标签：给图箱的图片链接添加描述标题，即当鼠标放上去显示的，觉得意义不大，就放弃了。

如果有更好的图箱插件，欢迎推荐！